<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    * {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }

    /* tr {
    } */

    td {
        height: 60px;
        padding: 0 10px;

    }

    /* .bg-trans {
        background-image: url(./assets/pic.png);
        background-size: cover;
        background-repeat: no-repeat;
    } */

    .df {
        display: flex;
    }

    .jcc {
        justify-content: center;
    }

    .aic {
        align-items: center;
    }

    .fdc {
        flex-direction: column;
    }

    .jcsa {
        justify-content: space-around;
    }

    .w100 {
        width: 100%;
    }

    .h100 {
        height: 100%;
    }

    .title {
        font-weight: bolder;
    }

    /* body {
        position: relative;
    } */

    .header {
        position: fixed;
        left: 0;
        top: 0;
        height: 64px;
        width: 100%;
        background-color: #111414;
        display: flex;
        justify-content: space-between;
        padding: 0 20px;
        color: #fff;
        z-index: 999999;
    }

    .header-left {
        display: flex;
        justify-content: space-around;
        align-items: center;
        color: #fff;
    }

    button {
        background-color: #111414;
        border: none;

    }

    .lanBtn {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background-color: #373A3A;
        color: #fff;
    }

    .header-right {
        display: flex;
        align-items: center;
    }

    .mr20 {
        margin-right: 20px;
    }

    .mr10 {
        margin-right: 10px;
    }

    .header-ipt {
        outline: none;
        border: none;
        height: 32px;
        background-color: #191c1c;
        border-radius: 99px;
        padding: 0 36px;
    }

    .cf {
        color: #fff;
        font-size: 14px;
    }

    .wallet {
        background-color: #fff;
        border-radius: 999px;
        height: 32px;
        padding: 0 20px;
    }

    .pr {
        position: relative;
    }

    .cp {
        cursor: pointer;
    }

    .main-logo {
        width: 100%;
        margin-top: 64px;
        background-color: #212121;
        flex: 1;
        height: 800px;
    }

    .bc3 {
        background-color: #333535;
    }

    .main-footer {
        width: 100%;
        background-color: #333535;
        height: 56px;
        color: #8F9191;
    }

    .normal {
        color: #8F9191;
    }

    .active {
        color: #fff;
    }

    .Guide {
        font-weight: 400;
        font-size: 56px;
        letter-spacing: 0.25px;
    }

    .text-main {
        font-size: 28px;
        font-weight: 400;
    }

    .mian-num-title {
        font-weight: 400;
        font-size: 13px;
        letter-spacing: 0.25px;
        color: #8F9191;
    }

    .mian-num-content {
        font-weight: 700;
        font-size: 24px;
        color: #fff;
    }

    .noborder {
        border: none;
        background-color: #fff;
    }

    .hasborder {
        border: 1px solid #fff;
        background-color: #212121;
    }

    .plr {
        padding: 0 20px;
    }

    .h36 {
        border-radius: 999px;
        height: 36px;
    }

    .module {
        width: 40px;
        height: 40px;
        border-radius: 12px;
        border: 1px solid #757777;
    }

    .module-img {
        width: 24px;
        height: 24px;
    }

    .bcimg1 {
        background-image: url(./assets/bc.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 40% 75%;
    }

    .bcimg2 {
        background-image: url(./assets/rate.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: 20% 75%;
    }

    .bcimg3 {
        background-image: url(./assets/bg3.png);
        background-repeat: no-repeat;
        background-size: 75% 75%;
        background-position: 100% 100%;
    }

    .foot-text {
        font-size: 13px;
        font-weight: 400;
        color: #8F9191;
        margin-top: 20px;
    }

    .foot-img {
        width: 24px;
        height: 24px;
        margin-right: 20px;
    }

    .fs16700 {
        font-size: 16px;
        font-weight: 700;
        color: #333;
    }

    .bb {
        border-bottom: 1px solid #F6F7F6;
    }

    .img55 {
        width: 88px;
        height: 88px;
        margin-bottom: 20px;
    }

    .w125 {
        width: 200px;
    }

    .card {
        border: 1px solid #E1E3E2;
        border-radius: 16px;
        padding: 20px;
        width: 48%;
    }

    .hot {
        width: 18px;
        height: 24px;
        margin-right: 20px;
    }

    .avatar {
        width: 32px;
        height: 32px;
        margin-right: 10px;
    }

    .ld {
        width: 20px;
        height: 20px;
        margin-right: 20px;
    }

    body::-webkit-scrollbar {
        display: none;
        /* Chrome, Safari, and Opera */
    }
</style>

<body>

    <div class="header">
        <div class="header-left">
            <div class="df">
                <img style="width: 30px;height: 30px;margin-right: 10px;transform: rotate(90deg);"
                    src="./assets/_图层_1.png" alt="">
                <p class="mr20 title">Crypto Honey</p>
            </div>
            <button class="mr20 cf">Projects</button>
            <button class="mr20 cf">Trend</button>
            <button class="mr20 cf">Smart Signal</button>
            <button class="mr20 cf">Alpha Square</button>
            <button class="mr20 cf">Governance</button>
            <button class="mr20 cf">more</button>
        </div>
        <div class="header-right">
            <div class="pr">
                <img style="width: 16px;height: 16px;position: absolute;left: 12px;top: 8px;"
                    src="./assets/Frame (4).png" alt="">
                <input placeholder="Search for Projects, Tokens" class="header-ipt mr20" type="text">
            </div>
            <button class="mr10 cp wallet">Connect wallet</button>
            <div class="mr20 cp lanBtn df jcc aic">
                <div class="df aic jcc" style="width: 20px;height: 20px;border-radius: 50%;background-color: #f3ba2f;">
                    <img style="width: 15px;height: 15px;" src="./assets/Frame (5).png" alt="">
                </div>
            </div>
            <div class="mr10 lanBtn cp df jcc aic">
                <img style="width: 20px;height: 20px;" src="./assets/Frame (6).png" alt="">
            </div>
            <div class="mr10 lanBtn cp df jcc aic">
                <img style="width: 20px;height: 20px;" src="./assets/Frame (7).png" alt="">
            </div>
            <button class="lanBtn">EN</button>
        </div>
    </div>
    <div class="main-logo pr df jcc">
        <img style="width: 384px;height: 427px;position: absolute;left: 0;top: 215px;" src="./assets/Group 7.png"
            alt="">
        <div style="margin-top: 60px;width: 80%;" class="df jcc aic h100">
            <div class="df fdc">
                <p class="Guide active">Web3 Investment Guide</p>
                <p style="margin-right: 20px;" class="text-main active">An all-in-one platform for AI-driven Web3 trend
                    tracking & smart trading</p>
                <div style="margin-top: 60px;" class="df">
                    <div class="mr20">
                        <p class="mian-num-title">No. of projects</p>
                        <p class="mian-num-content">29853</p>
                    </div>
                    <div class="mr20">
                        <p class="mian-num-title">Twitter KOL</p>
                        <p class="mian-num-content">14597</p>
                    </div>
                    <div class="mr20">
                        <p class="mian-num-title">Smart Address</p>
                        <p class="mian-num-content">343231</p>
                    </div>
                    <div class="mr20">
                        <p class="mian-num-title">Governance Users</p>
                        <p class="mian-num-content">8241456</p>
                    </div>
                </div>
                <div style="margin-top: 20px;" class="df">
                    <button class="mr20 noborder plr h36">projects waiting for your vote</button>
                    <button style="color: #fff;" class="hasborder plr h36">Submit quality projects</button>
                </div>
                <div style="margin-top: 20px;" class="df aic">
                    <img style="width: 40px;height: 40px;margin-right: 10px;" src="./assets/Frame.png" alt="">
                    <p style="font-size: 16px;font-weight: 600;color: #fff;margin-right: 10px;">Receive Airdrop</p>
                    <img style="width: 24px;height: 24px;" src="./assets/Frame (1).png" alt="">
                </div>
                <div style="margin-top: 20px;" class="df">
                    <div class="mr20 module df aic jcc">
                        <img class="module-img" src="./assets/Frame (14).png" alt="">
                    </div>
                    <div class="mr20 module df aic jcc">
                        <img class="module-img" src="./assets/Frame (15).png" alt="">
                    </div>
                    <div class="mr20 module df aic jcc">
                        <img class="module-img" src="./assets/Frame (11).png" alt="">
                    </div>
                    <div class="mr20 module df aic jcc">
                        <img class="module-img" src="./assets/Frame (13).png" alt="">
                    </div>
                </div>
            </div>
            <div class="df fdc">
                <div class="bcimg1 mr20"
                    style="width: 220px;height: 160px;border-radius: 16px;background-color: #0C0F0F;position: relative;">
                    <div style="position: absolute;left: 15px;top: 10px;">
                        <p style="font-size: 20px;font-weight: 400;color: #fff;">Alpha Square</p>
                        <p style="font-size: 12px;font-weight: 400;color: #fff;">Today, 116 Alpha Tokens were added</p>
                    </div>
                </div>
                <div class="df fdc"
                    style="width: 220px;background-color: #0C0F0F;height: 142px;border-radius: 16px;margin-top: 40px;padding: 20px;justify-content: space-around;">
                    <div style="justify-content: space-between;" class="df aic w100">
                        <p style="font-size: 11px;font-weight: 400;color: #fff;">Blockasset</p>
                        <div class="df aic">
                            <p style="font-size: 11px;font-weight: 400;color: #fff;margin-right: 5px;">75</p>
                            <img style="width: 16px;height: 16px;" src="./assets/Frame (2).png" alt="">
                        </div>
                    </div>
                    <div style="justify-content: space-between;" class="df aic w100">
                        <p style="font-size: 11px;font-weight: 400;color: #fff;">Block</p>
                        <div class="df aic">
                            <p style="font-size: 11px;font-weight: 400;color: #fff;margin-right: 5px;">132</p>
                            <img style="width: 16px;height: 16px;" src="./assets/Frame (2).png" alt="">
                            <img style="width: 16px;height: 16px;" src="./assets/Frame (2).png" alt="">
                        </div>
                    </div>
                    <div style="justify-content: space-between;" class="df aic w100">
                        <p style="font-size: 11px;font-weight: 400;color: #fff;">Block</p>
                        <div class="df aic">
                            <p style="color: #FFFFFF;">--</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="df fdc">
                <div style="width: 220px;height: 220px;background-color: #0C0F0F;border-radius: 16px;margin-top: 20px;"
                    class="bcimg2">

                </div>
                <div class="bcimg3"
                    style="width: 220px;height: 115px;border-radius: 16px;background-color: #282A2B;margin-top: 40px;padding: 10px;">
                    <div class="df aic">
                        <p style="font-size: 13px;font-weight: 400;color: #fff;">Today's Twitter Sentiment</p>
                        <img style="width: 12px;height: 12px;margin-left: 20px;" src="./assets/mention.png" alt="">
                    </div>
                    <p style="font-size: 17px;color: #fff;font-weight: 400;margin-top: 20px;">23.87</p>
                    <p style="font-size: 16x;color: #5EA506;font-weight: 400;margin-top: 10px;">Fairly Positive</p>
                </div>
            </div>
        </div>
    </div>
    <div class="main-footer df aic jcc">
        <div>
            <button class="mr20 active bc3">Launch Pad</button>
            <button class="mr20 normal bc3">Today's HoSmart Money Signal</button>
            <button class="mr20 normal bc3">Trend TrackingRecent Project Financing</button>
            <button class="mr20 normal bc3">Experts' comments</button>
            <button class="mr20 normal bc3">Launched Alpha</button>
            <button class="mr20 normal bc3">Coming soon Top</button>
            <button class="mr20 normal bc3">Top Projects</button>
            <button class="mr20 normal bc3">Potential project</button>
            <button class="mr20 normal bc3">FAQ</button>
        </div>
    </div>
    <div style="margin-top: 40px;" class="df jcc">
        <div style="width: 80%;">
            <div style="margin-bottom: 20px;" class="df aic">
                <p style="font-size: 32px;font-weight: 900;margin-right: 10px;">Alpha Square </p>
                <div style="border-left: 1px solid #E1E3E2;padding:  0 10px;" class="df aic">
                    <img style="width: 16px;height: 16px;" src="./assets/gp.png" alt="">
                    <p style="font-size: 16px;color: #333;">Total <span style="color: #4768FF;">335</span>Subscribed</p>
                </div>
            </div>
            <p style="font-size: 16px;color: #8F9191;margin-bottom: 20px;">Discover Alpha And Push For You In Real-Time
            </p>
            <div class="df" style="justify-content: space-between;">
                <div
                    style="width: 32%;border: 2px solid #000;border-radius: 18px;position: relative;padding: 20px;background: linear-gradient(135deg,#FAFBFF,#fff);">
                    <!-- <img style="width: 100px;height: 100px;position: absolute;left: 0;top: 0;background: linear-gradient(90deg,rgba(250,251,255,.2),rgba(199,209,255,.2));"
                        src="./assets/pic.png" alt=""> -->
                    <div
                        style="width: 75%;height: 75%;position: absolute;left: 0;top: 0;background-image: url(./assets/Group\ 24\ \(1\).png);background-size: cover;background-repeat: no-repeat;">
                    </div>
                    <div style="justify-content: space-between;" class="df">
                        <p style="font-size: 20px;font-weight: 700;color: #000;z-index: 1000;">Super SmartGroup Signal
                        </p>
                        <div>
                            <p style="font-size: 11px;color: #8F9191;text-align: right;">Highest ROI</p>
                            <p style="font-size: 17px;font-weight: 700;color: #01BC8D;">+2456.24%</p>
                        </div>
                    </div>
                    <div style="margin-top: 20px;margin-bottom: 20px;z-index: 1000;" class="df">
                        <p
                            style="height: 24px;line-height: 24px;font-size: 11px;color: #000;padding: 0 20px;background-color: rgba(238,238,238,.6);border-radius: 2px;margin-right: 10px;z-index: 1000;">
                            Smart
                            money</p>
                        <p
                            style="height: 24px;line-height: 24px;font-size: 11px;color: #000;padding: 0 20px;background-color: rgba(238,238,238,.6);border-radius: 2px;z-index: 1000;">
                            On-chain
                            transaction</p>
                    </div>
                    <p
                        style="height: 24px;line-height: 24px;font-size: 11px;color: #000;padding: 0 20px;background-color: rgba(238,238,238,.6);border-radius: 2px;margin-top: 20px;width: 40%;">
                        Candlestick indicators</p>
                    <div style="justify-content: space-between;margin-top: 10px;" class="df">
                        <div>
                            <p style="font-size: 12px;color: #8F9191;margin-bottom: 10px;">Win Rate</p>
                            <div class="df jcc">
                                <img style="width: 16px;height: 16px;margin-right: 5px;" src="./assets/cp.png" alt="">
                                <p style="font-size: 16px;color: #333;">92.80%</p>
                            </div>
                        </div>
                        <div>
                            <p style="font-size: 12px;color: #8F9191;margin-bottom: 10px;">Tokens</p>
                            <div class="df jcc">
                                <img style="width: 16px;height: 16px;margin-right: 5px;" src="./assets/ba.png" alt="">
                                <p style="font-size: 16px;color: #333;">249</p>
                            </div>
                        </div>
                        <div>
                            <p style="font-size: 12px;color: #8F9191;margin-bottom: 10px;">Win Rate</p>
                            <div class="df jcc">
                                <img style="width: 16px;height: 16px;margin-right: 5px;" src="./assets/gp.png" alt="">
                                <p style="font-size: 16px;color: #333;">249</p>
                            </div>
                        </div>
                    </div>
                    <div class="df aic" style="justify-content: space-between;margin-top: 20px;">

                        <div style="position: relative;">
                            <img style="height: 54px;" src="./assets/test.png" alt="">
                            <div style="position: absolute;left: 10px;top: 8px;" class="df aic">
                                <img style="width: 39px;height: 39px;margin-right: 5px;" src="./assets/ava222.png"
                                    alt="">
                                <div>
                                    <p style="font-size: 12px;color: #8F9191;">Creator</p>
                                    <p style="font-size: 14px;color: #333;">0xe86...5821d</p>
                                </div>
                            </div>
                        </div>

                        <div
                            style="height: 40px;padding: 0 40px;line-height: 40px;text-align: center;border-radius: 999px;background-color: #333;color: #fff;">
                            view
                        </div>
                    </div>
                </div>
                <div class="bg-trans"
                    style="width: 32%;;border-radius: 18px;padding: 20px;background-image: url(./assets/Rectangle\ 3.png);background-size: cover;background-repeat: no-repeat;position: relative;">
                    <div
                        style="width: 75%;height: 75%;position: absolute;left: 0;top: 0;background-image: url(./assets/Group\ 24\ \(1\).png);background-size: cover;background-repeat: no-repeat;">
                    </div>
                    <div style="justify-content: space-between;z-index: 1000;" class="df">
                        <p style="font-size: 20px;font-weight: 700;color: #000;z-index: 1000;">Hot Energy Signal 1
                        </p>
                        <div>
                            <p style="font-size: 11px;color: #8F9191;text-align: right;">Highest ROI</p>
                            <p style="font-size: 17px;font-weight: 700;color: #01BC8D;">+2456.24%</p>
                        </div>
                    </div>
                    <div style="margin-top: 20px;margin-bottom: 20px;" class="df">
                        <p
                            style="height: 24px;line-height: 24px;font-size: 11px;color: #000;padding: 0 20px;background-color: rgba(238,238,238,.6);border-radius: 2px;margin-right: 10px;">
                            Smart
                            money</p>
                        <p
                            style="height: 24px;line-height: 24px;font-size: 11px;color: #000;padding: 0 20px;background-color: rgba(238,238,238,.6);border-radius: 2px;">
                            On-chain
                            transaction</p>
                    </div>
                    <p
                        style="height: 24px;line-height: 24px;font-size: 11px;color: #000;padding: 0 20px;background-color: rgba(238,238,238,.6);border-radius: 2px;margin-top: 20px;width: 40%;">
                        Candlestick indicators</p>
                    <div style="justify-content: space-between;" class="df">
                        <div>
                            <p style="font-size: 12px;color: #8F9191;margin-bottom: 10px;">Win Rate</p>
                            <div class="df jcc">
                                <img style="width: 16px;height: 16px;margin-right: 5px;" src="./assets/cp.png" alt="">
                                <p style="font-size: 16px;color: #333;">92.80%</p>
                            </div>
                        </div>
                        <div>
                            <p style="font-size: 12px;color: #8F9191;margin-bottom: 10px;">Tokens</p>
                            <div class="df jcc">
                                <img style="width: 16px;height: 16px;margin-right: 5px;" src="./assets/ba.png" alt="">
                                <p style="font-size: 16px;color: #333;">249</p>
                            </div>
                        </div>
                        <div>
                            <p style="font-size: 12px;color: #8F9191;margin-bottom: 10px;">Win Rate</p>
                            <div class="df jcc">
                                <img style="width: 16px;height: 16px;margin-right: 5px;" src="./assets/gp.png" alt="">
                                <p style="font-size: 16px;color: #333;">249</p>
                            </div>
                        </div>
                    </div>
                    <div class="df aic" style="justify-content: space-between;margin-top: 20px;">


                        <div style="position: relative;">
                            <img style="height: 54px;" src="./assets/test.png" alt="">
                            <div style="position: absolute;left: 10px;top: 8px;" class="df aic">
                                <img style="width: 39px;height: 39px;margin-right: 5px;" src="./assets/ava222.png"
                                    alt="">
                                <div>
                                    <p style="font-size: 12px;color: #8F9191;">Creator</p>
                                    <p style="font-size: 14px;color: #333;">0xe86...5821d</p>
                                </div>
                            </div>
                        </div>
                        <div
                            style="height: 40px;padding: 0 40px;line-height: 40px;text-align: center;border-radius: 999px;background-color: #333;color: #fff;">
                            view
                        </div>
                    </div>
                </div>
                <div
                    style="width: 32%;background: linear-gradient(135deg,rgba(180,255,219,.2),#fff);border-radius: 18px;padding: 20px;position: relative;">
                    <div
                        style="width: 75%;height: 75%;position: absolute;left: 0;top: 0;background-image: url(./assets/gbg.png);background-size: cover;background-repeat: no-repeat;">
                    </div>
                    <div style="justify-content: space-between;" class="df">
                        <p style="font-size: 20px;font-weight: 700;color: #000;z-index: 1000;">Super Positive Signal
                        </p>
                        <div>
                            <p style="font-size: 11px;color: #8F9191;text-align: right;">Highest ROI</p>
                            <p style="font-size: 17px;font-weight: 700;color: #01BC8D;">+2456.24%</p>
                        </div>
                    </div>
                    <div style="margin-top: 20px;margin-bottom: 20px;z-index: 1000;" class="df">
                        <p
                            style="height: 24px;line-height: 24px;font-size: 11px;color: #000;padding: 0 20px;background-color: rgba(238,238,238,.6);border-radius: 2px;margin-right: 10px;z-index: 1000;">
                            Smart
                            money</p>
                        <p
                            style="height: 24px;line-height: 24px;font-size: 11px;color: #000;padding: 0 20px;background-color: rgba(238,238,238,.6);border-radius: 2px;z-index: 1000;">
                            On-chain
                            transaction</p>
                    </div>
                    <p
                        style="height: 24px;line-height: 24px;font-size: 11px;color: #000;padding: 0 20px;background-color: rgba(238,238,238,.6);border-radius: 2px;margin-top: 20px;width: 40%;">
                        Candlestick indicators</p>
                    <div style="justify-content: space-between;" class="df">
                        <div>
                            <p style="font-size: 12px;color: #8F9191;margin-bottom: 10px;">Win Rate</p>
                            <div class="df jcc">
                                <img style="width: 16px;height: 16px;margin-right: 5px;" src="./assets/cp.png" alt="">
                                <p style="font-size: 16px;color: #333;">92.80%</p>
                            </div>
                        </div>
                        <div>
                            <p style="font-size: 12px;color: #8F9191;margin-bottom: 10px;">Tokens</p>
                            <div class="df jcc">
                                <img style="width: 16px;height: 16px;margin-right: 5px;" src="./assets/ba.png" alt="">
                                <p style="font-size: 16px;color: #333;">249</p>
                            </div>
                        </div>
                        <div>
                            <p style="font-size: 12px;color: #8F9191;margin-bottom: 10px;">Win Rate</p>
                            <div class="df jcc">
                                <img style="width: 16px;height: 16px;margin-right: 5px;" src="./assets/gp.png" alt="">
                                <p style="font-size: 16px;color: #333;">249</p>
                            </div>
                        </div>
                    </div>
                    <div class="df aic" style="justify-content: space-between;margin-top: 20px;">

                        <div style="position: relative;">
                            <img style="height: 54px;" src="./assets/green.png" alt="">
                            <div style="position: absolute;left: 10px;top: 8px;" class="df aic">
                                <img style="width: 39px;height: 39px;margin-right: 5px;" src="./assets/ava222.png"
                                    alt="">
                                <div>
                                    <p style="font-size: 12px;color: #8F9191;">Creator</p>
                                    <p style="font-size: 14px;color: #333;">0xe86...5821d</p>
                                </div>
                            </div>
                        </div>

                        <div
                            style="height: 40px;padding: 0 40px;line-height: 40px;text-align: center;border-radius: 999px;background-color: #333;color: #fff;">
                            view
                        </div>
                    </div>
                </div>
            </div>
            <div class="df aic"
                style="height: 56px;background-color: #F9F9F9;border-radius: 8px;justify-content: space-between;padding:  0 20px;margin-top: 20px;">
                <p style="font-size: 14px;color: #333;">Today, <span style="color: #4768FF;">116</span>Alpha Tokens were
                    discovered; don't miss
                    the market</p>
                <p style="font-size: 14px;color: #333;">Super SmartGroup Signal At 13:53, <span
                        style="color: #4768FF;">Alpha Tokens</span>were
                    discovered</p>
            </div>
        </div>
    </div>
    <div style="margin-top: 40px;" class="df jcc">
        <div style="width: 80%;">
            <div class="df aic" style="justify-content: space-between;">
                <p style="font-size: 19px;font-weight: 400;line-height: 40px;">Hot Topics <span
                        style="color: #8F9191;">Hot Inscriptions</span></p>
                <p style="font-size: 16px;font-weight: 700;">View more</p>
            </div>
            <div class="df">
                <div style="width: 20%;padding: 0 20px;">
                    <p
                        style="height: 56px;background-color: #F3F4F3;border-radius: 99px;font-size: 14px;color: #191C1C;text-align: center;line-height: 56px;">
                        #solana(1021)</p>
                    <p style="font-size: 13px;color: #8F9191; margin-top: 20px;text-align: center;">#Blast_L2(551)</p>
                    <p style="font-size: 13px;color: #8F9191; margin-top: 20px;text-align: center;">#pacmoon_(524)</p>
                    <p style="font-size: 13px;color: #8F9191; margin-top: 20px;text-align: center;">#pepe(405)</p>
                    <p style="font-size: 13px;color: #8F9191; margin-top: 20px;text-align: center;">#AVAX(347)</p>
                </div>
                <div style="width: 80%;border: 1px solid #E1E3E2;border-radius: 16px;padding: 20px;">
                    <p style="font-size: 32px;font-weight: 700;margin-bottom: 20px;">#solana</p>
                    <p style="font-size: 13px;color: #333;margin-bottom: 20px;">The @Brave rewards program is now live
                        on Solana!</p>
                    <p style="font-size: 18px;color: #333;margin-bottom: 10px;">Tweets Mentioned in the Last 3 Days
                        (1021)</p>
                    <div class="df"
                        style="height: 52px;background-color: #333535;border-radius: 8px;justify-content: space-between;padding: 20px;margin-bottom: 20px;">
                        <div class="df aic">
                            <img style="width: 20px;height: 20px;margin-right: 10px;" src="./assets/gpt.png" alt="">
                            <p style="font-size: 13px;color: #FFF;">ChatGPT, help me summarize the tweets on this
                                trending topic.</p>
                        </div>
                        <div class="df aic">
                            <p style="font-size: 12px;color: #DBB520;">Summary 👉</p>
                        </div>
                    </div>
                    <div style="margin-bottom: 20px;" class="df aic">
                        <img style="width: 32px;height: 32px;margin-right: 5px;" src="./assets/ava2.png" alt="">
                        <img style="width: 24px;height: 24px;margin-right: 5px;" src="./assets/ava2.png" alt="">
                        <img style="width: 24px;height: 24px;margin-right: 5px;" src="./assets/ava2.png" alt="">
                        <img style="width: 24px;height: 24px;margin-right: 5px;" src="./assets/ava2.png" alt="">
                        <img style="width: 24px;height: 24px;margin-right: 5px;" src="./assets/ava2.png" alt="">
                        <img style="width: 24px;height: 24px;margin-right: 5px;" src="./assets/ava2.png" alt="">
                        <img style="width: 24px;height: 24px;margin-right: 5px;" src="./assets/ava2.png" alt="">
                        <img style="width: 24px;height: 24px;margin-right: 5px;" src="./assets/ava2.png" alt="">
                        <img style="width: 24px;height: 24px;margin-right: 5px;" src="./assets/ava2.png" alt="">
                        <img style="width: 24px;height: 24px;margin-right: 5px;" src="./assets/ava2.png" alt="">
                        <button
                            style="height: 24px;padding: 0 10px;border: 1px solid #E1E3E2;background-color: #fff;border-radius: 99px;">600</button>
                    </div>
                    <div style="background-color: #F9F9F9;padding: 20px;margin-bottom: 20px;">
                        <p style="font-size: 16px;color: #333;">OrymOfficial <span
                                style="font-size: 14px;color: #8F9191;">@OrymOfficial</span></p>
                        <p style="font-size: 14px;color: #333;">They tried to assassinate Orym on the day he was born
                            but this ferocious force of nature
                            shredded those plans. He’s still here, he lives …. he will have his revenge. $ORYM $MYRO
                            #ORYM #MYRO #ORYMDarkReign #EmbraceTheDark #Solana #SOL $SOL $Solana #TogetherWeRise
                            https://t.co/q4wTIlOukR</p>
                    </div>
                    <div class="df">
                        <div
                            style="border-right: 1px solid #E1E3E2;margin-right: 10px;padding: 0 10px;text-align: center;">
                            <p style="font-size: 14px;color: #333;margin-bottom: 20px;text-align: center;">Associated
                                Twitter</p>
                            <p style="font-size: 12px;color: #333;">@Brave</p>
                        </div>
                        <div>
                            <p style="font-size: 14px;color: #333;margin-bottom: 20px;text-align: center;">Associated
                                Projects</p>
                            <p style="font-size: 12px;color: #333;text-align: center;">Solana</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <div style="margin-top: 40px;" class="df jcc">
        <div style="width: 80%;">
            <div class="df aic" style="justify-content: space-between;">
                <p style="font-size: 32px;font-weight: 700;line-height: 40px;">Smart Money Signals</p>
                <p style="font-size: 16px;font-weight: 700;">View more</p>
            </div>
            <div style="margin-top: 60px;" class="df">
                <div style="width: 70%;" class="df fdc">
                    <div class="df">
                        <div style="padding: 20px;border: 1px solid #000000;border-radius: 8px;width: 75%;">
                            <div class="df" style="justify-content: space-between;">
                                <div class="df aic">
                                    <img style="width: 24px;height: 24px;" src="./assets/Ellipse 2.png" alt="">
                                    <p style="font-size: 20px;font-weight: 400;color: #191C1C;margin-inline-end: 10px;">
                                        FOX
                                    </p>
                                    <p style="font-size: 14px;color: #8F9191;">0xc770...52d</p>
                                    <img style="width: 16px;height: 16px;" src="./assets/copy.png" alt="">
                                </div>
                                <div class="df aic">
                                    <img style="width: 20px; height: 20px;margin-right: 10px;" src="./assets/po.png"
                                        alt="">
                                    <p style="font-size: 13px;color: #8F9191;">1 minute ago</p>
                                </div>
                            </div>
                            <div class="df" style="margin-top: 10px;">
                                <div style="width: 25%;">
                                    <button
                                        style="width: 40ox;height: 20px;background-color: #F65454;border-radius: 4px;padding: 0 10px;color: #fff;">Sold</button>
                                </div>
                                <p style="width: 25%;font-size: 14px;color: #8F9191;text-align: center;">Average Price
                                </p>
                                <p style="width: 25%;font-size: 14px;color: #8F9191;text-align: center;">Value</p>
                                <p
                                    style="width: 25%;font-size: 14px;color: #01BC8D;text-align: center;text-align: right;">
                                    Profit($)</p>
                            </div>
                            <div style="margin-top: 5px;" class="df">
                                <p style="width: 25%; text-align: left; font-size: 14px;color: #333;">307.95k FOX</p>
                                <p style="width: 25%; text-align: center; font-size: 14px;color: #333;">0.109361</p>
                                <p style="width: 25%; text-align: center; font-size: 14px;color: #333;">$33,678.48</p>
                                <p
                                    style="width: 25%; text-align: center; font-size: 14px;color: #01BC8D;text-align: right;">
                                    +$15,286.38
                                </p>
                            </div>
                            <div style="margin-top: 20px;">
                                <button
                                    style="border: 1px solid #2CC1BD;color: #2CC1BD;font-size: 12px;background-color: #fff;padding: 0 50px;border-radius: 2px;">Smart
                                    money
                                    holding</button>
                                <button
                                    style="border: 1px solid #FF6B68;color:#FF6B68 ;font-size: 12px;background-color: #fff;padding: 0 50px;border-radius: 2px;">Large
                                    smart money
                                    selling</button>
                            </div>
                        </div>
                        <div style="margin-left: 20px;width: 25%;" class="df">
                            <div style="width: 80%;">
                                <div class="df">
                                    <img style="width: 40px;height: 40px;margin-right: 10px;" src="./assets/ava222.png"
                                        alt="">
                                    <div>
                                        <div class="df aic">
                                            <p style="font-size: 14px;color: #333333;">0x1...241</p>
                                            <img style="width: 16px;height: 16px;margin-left: 10px;"
                                                src="./assets/row.png" alt="">
                                        </div>
                                        <div>
                                            <img style="width: 20px;height: 20px;" src="./assets/mo.png" alt="">
                                            <img style="width: 20px;height: 20px;" src="./assets/gf.png" alt="">
                                        </div>
                                    </div>
                                </div>
                                <div class="df" style="justify-content: space-between;margin-top: 20px;">
                                    <div>
                                        <p style="font-size: 12px;color: #8F9191;margin-right: 20px;">Win rate(1W)</p>
                                        <p style="font-size: 14px;color: #333;">69.00%</p>
                                    </div>
                                    <div>
                                        <p style="font-size: 12px;color: #8F9191;margin-right: 20px;">Win rate(1W)</p>
                                        <p style="font-size: 14px;color: #F65454;">-$77,962.1</p>
                                    </div>
                                </div>
                                <div style="margin-top: 20px;" class="df jcc">
                                    <img style="width: 20px;height: 20px;" src="./assets/pp.png" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div style="margin-top: 40px;" class="df">
                        <div style="padding: 20px;border: 1px solid #EAEAEA;border-radius: 8px;width: 75%;">
                            <div class="df" style="justify-content: space-between;">
                                <div class="df aic">
                                    <img style="width: 24px;height: 24px;" src="./assets/Ellipse 2.png" alt="">
                                    <p style="font-size: 20px;font-weight: 400;color: #191C1C;margin-inline-end: 10px;">
                                        BEAM
                                    </p>
                                    <p style="font-size: 14px;color: #8F9191;">0x62D0...FcE</p>
                                    <img style="width: 16px;height: 16px;" src="./assets/copy.png" alt="">
                                </div>
                                <div class="df aic">
                                    <img style="width: 20px; height: 20px;margin-right: 10px;" src="./assets/po.png"
                                        alt="">
                                    <p style="font-size: 13px;color: #8F9191;">1 minute ago</p>
                                </div>
                            </div>
                            <div class="df" style="margin-top: 10px;">
                                <div style="width: 25%;">
                                    <button
                                        style="width: 40ox;height: 20px;background-color: #01BC8D;border-radius: 4px;padding: 0 10px;color: #fff;">buy</button>
                                </div>
                                <p style="width: 25%;font-size: 14px;color: #8F9191;text-align: center;">Average Price
                                </p>
                                <p style="width: 25%;font-size: 14px;color: #8F9191;text-align: center;">Value</p>
                                <p
                                    style="width: 25%;font-size: 14px;color: #01BC8D;text-align: center;text-align: right;">
                                    Profit($)</p>
                            </div>
                            <div style="margin-top: 5px;" class="df">
                                <p style="width: 25%; text-align: left; font-size: 14px;color: #333;">99.66K BEAM</p>
                                <p style="width: 25%; text-align: center; font-size: 14px;color: #333;">0.034859</p>
                                <p style="width: 25%; text-align: center; font-size: 14px;color: #333;">$3,474.04</p>
                                <p
                                    style="width: 25%; text-align: center; font-size: 14px;color: #01BC8D;text-align: right;">
                                    --</p>
                            </div>
                            <div style="margin-top: 20px;">
                                <button
                                    style="border: 1px solid #2CC1BD;color: #2CC1BD;font-size: 12px;background-color: #fff;padding: 0 50px;border-radius: 2px;">Smart
                                    money
                                    holding</button>
                            </div>
                        </div>
                        <div style="margin-left: 20px;width: 25%;" class="df">
                            <div style="width: 80%;">
                                <div class="df">
                                    <img style="width: 40px;height: 40px;margin-right: 10px;" src="./assets/ava222.png"
                                        alt="">
                                    <div>
                                        <div class="df aic">
                                            <p style="font-size: 14px;color: #333333;">0x1...241</p>
                                            <img style="width: 16px;height: 16px;margin-left: 10px;"
                                                src="./assets/row.png" alt="">
                                        </div>
                                        <div>
                                            <img style="width: 20px;height: 20px;" src="./assets/mo.png" alt="">
                                            <img style="width: 20px;height: 20px;" src="./assets/gf.png" alt="">
                                        </div>
                                    </div>
                                </div>
                                <div class="df" style="justify-content: space-between;margin-top: 20px;">
                                    <div>
                                        <p style="font-size: 12px;color: #8F9191;margin-right: 20px;">Win rate(1W)</p>
                                        <p style="font-size: 14px;color: #333;">69.00%</p>
                                    </div>
                                    <div>
                                        <p style="font-size: 12px;color: #8F9191;margin-right: 20px;">Win rate(1W)</p>
                                        <p style="font-size: 14px;color: #F65454;">-$77,962.1</p>
                                    </div>
                                </div>
                                <div style="margin-top: 20px;" class="df jcc">
                                    <img style="width: 20px;height: 20px;" src="./assets/pp.png" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div style="margin-top: 40px;" class="df">
                        <div style="padding: 20px;border: 1px solid #EAEAEA;border-radius: 8px;width: 75%;">
                            <div class="df" style="justify-content: space-between;">
                                <div class="df aic">
                                    <img style="width: 24px;height: 24px;" src="./assets/Ellipse 2.png" alt="">
                                    <p style="font-size: 20px;font-weight: 400;color: #191C1C;margin-inline-end: 10px;">
                                        RBN
                                    </p>
                                    <p style="font-size: 14px;color: #8F9191;">0x6123...A6B</p>
                                    <img style="width: 16px;height: 16px;" src="./assets/copy.png" alt="">
                                </div>
                                <div class="df aic">
                                    <img style="width: 20px; height: 20px;margin-right: 10px;" src="./assets/po.png"
                                        alt="">
                                    <p style="font-size: 13px;color: #8F9191;">1 minute ago</p>
                                </div>
                            </div>
                            <div class="df" style="margin-top: 10px;">
                                <div style="width: 25%;">
                                    <button
                                        style="width: 40ox;height: 20px;background-color: #F65454;border-radius: 4px;padding: 0 10px;color: #fff;">Sold</button>
                                </div>
                                <p style="width: 25%;font-size: 14px;color: #8F9191;text-align: center;">Average Price
                                </p>
                                <p style="width: 25%;font-size: 14px;color: #8F9191;text-align: center;">Value</p>
                                <p
                                    style="width: 25%;font-size: 14px;color: #01BC8D;text-align: center;text-align: right;">
                                    Profit($)</p>
                            </div>
                            <div style="margin-top: 5px;" class="df">
                                <p style="width: 25%; text-align: left; font-size: 14px;color: #333;">4.2k RBN</p>
                                <p style="width: 25%; text-align: center; font-size: 14px;color: #333;">1.67</p>
                                <p style="width: 25%; text-align: center; font-size: 14px;color: #333;">$7,035.58</p>
                                <p
                                    style="width: 25%; text-align: center; font-size: 14px;color: #01BC8D;text-align: right;">
                                    +$964.66</p>
                            </div>
                            <div style="margin-top: 20px;">
                                <button
                                    style="border: 1px solid #2CC1BD;color: #2CC1BD;font-size: 12px;background-color: #fff;padding: 0 50px;border-radius: 2px;">Smart
                                    money
                                    holding</button>
                                <button
                                    style="border: 1px solid #DBB520;color:#DBB520 ;font-size: 12px;background-color: #fff;padding: 0 50px;border-radius: 2px;">
                                    Smart money selling</button>
                            </div>
                        </div>
                        <div style="margin-left: 20px;width: 25%;" class="df">
                            <div style="width: 80%;">
                                <div class="df">
                                    <img style="width: 40px;height: 40px;margin-right: 10px;" src="./assets/ava222.png"
                                        alt="">
                                    <div>
                                        <div class="df aic">
                                            <p style="font-size: 14px;color: #333333;">0x1...241</p>
                                            <img style="width: 16px;height: 16px;margin-left: 10px;"
                                                src="./assets/row.png" alt="">
                                        </div>
                                        <div>
                                            <img style="width: 20px;height: 20px;" src="./assets/mo.png" alt="">
                                            <img style="width: 20px;height: 20px;" src="./assets/gf.png" alt="">
                                        </div>
                                    </div>
                                </div>
                                <div class="df" style="justify-content: space-between;margin-top: 20px;">
                                    <div>
                                        <p style="font-size: 12px;color: #8F9191;margin-right: 20px;">Win rate(1W)</p>
                                        <p style="font-size: 14px;color: #333;">69.00%</p>
                                    </div>
                                    <div>
                                        <p style="font-size: 12px;color: #8F9191;margin-right: 20px;">Win rate(1W)</p>
                                        <p style="font-size: 14px;color: #F65454;">-$77,962.1</p>
                                    </div>
                                </div>
                                <div style="margin-top: 20px;" class="df jcc">
                                    <img style="width: 20px;height: 20px;" src="./assets/pp.png" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="border: 1px solid #E1E3E2;width: 29%;border-radius: 12px;padding: 20px;" class="df fdc">
                    <p style="font-size: 18px;font-weight: 700;">token trend</p>
                    <div style="margin-top: 20px;" class="df">
                        <p style="font-size: 14px;color: #8F9191;">Sort by number of transactions</p>
                        <img style="width: 16px;height: 16px;margin-right: 10px;" src="./assets/do.png" alt="">
                        <p style="font-size: 14px;color: #8F9191;">30m</p>
                        <img style="width: 16px;height: 16px;margin-right: 10px;" src="./assets/do.png" alt="">
                    </div>
                    <div style="margin-top: 20px;" class="df">
                        <p style="font-size: 12px;color: #8F9191;width: 50%;">Token</p>
                        <p style="font-size: 12px;color: #4768FF;width: 19%">Buy/Sell</p>
                        <p
                            style="font-size: 12px;color: #8F9191;width: 29%;margin-left: 2%;border-bottom: 1ps solid #E1E3E2;">
                            Net Inflow($)</p>
                    </div>
                    <div style="margin-top: 20px;" class="df aic">
                        <div class="df aic" style="width: 50%;">
                            <img style="width: 32px;height: 32px;" src="./assets/rrr.png" alt="">
                            <div>
                                <p style="font-size: 16px;color: #191C1C;">RLY</p>
                                <div style="padding: 0 10px;border-radius: 2px;background-color: #F3F4F3;"
                                    class="df aic">
                                    <p>0xf...49b</p>
                                    <img style="width: 12px;height: 12px;" src="./assets/copy.png" alt="">
                                </div>
                            </div>
                        </div>
                        <div style="width: 19%;">
                            <p style="color: #F65454;font-size: 16px;"><span style="color: #01BC8D;">7/</span>3</p>
                        </div>
                        <p style=" width: 29%;font-size: 16px;color: #333;">
                            28,692.43
                        </p>
                    </div>
                    <!--  -->
                    <div style="margin-top: 20px;" class="df aic">
                        <div class="df aic" style="width: 50%;">
                            <img style="width: 32px;height: 32px;" src="./assets/rrr.png" alt="">
                            <div>
                                <p style="font-size: 16px;color: #191C1C;">RLY</p>
                                <div style="padding: 0 10px;border-radius: 2px;background-color: #F3F4F3;"
                                    class="df aic">
                                    <p>0xf...49b</p>
                                    <img style="width: 12px;height: 12px;" src="./assets/copy.png" alt="">
                                </div>
                            </div>
                        </div>
                        <div style="width: 19%;">
                            <p style="color: #F65454;font-size: 16px;"><span style="color: #01BC8D;">7/</span>3</p>
                        </div>
                        <p style=" width: 29%;font-size: 16px;color: #333;">
                            28,692.43
                        </p>
                    </div>
                    <!--  -->
                    <div style="margin-top: 20px;" class="df aic">
                        <div class="df aic" style="width: 50%;">
                            <img style="width: 32px;height: 32px;" src="./assets/rrr.png" alt="">
                            <div>
                                <p style="font-size: 16px;color: #191C1C;">RLY</p>
                                <div style="padding: 0 10px;border-radius: 2px;background-color: #F3F4F3;"
                                    class="df aic">
                                    <p>0xf...49b</p>
                                    <img style="width: 12px;height: 12px;" src="./assets/copy.png" alt="">
                                </div>
                            </div>
                        </div>
                        <div style="width: 19%;">
                            <p style="color: #F65454;font-size: 16px;"><span style="color: #01BC8D;">7/</span>3</p>
                        </div>
                        <p style=" width: 29%;font-size: 16px;color: #333;">
                            28,692.43
                        </p>
                    </div>
                    <!--  -->
                    <div style="margin-top: 20px;" class="df aic">
                        <div class="df aic" style="width: 50%;">
                            <img style="width: 32px;height: 32px;" src="./assets/rrr.png" alt="">
                            <div>
                                <p style="font-size: 16px;color: #191C1C;">RLY</p>
                                <div style="padding: 0 10px;border-radius: 2px;background-color: #F3F4F3;"
                                    class="df aic">
                                    <p>0xf...49b</p>
                                    <img style="width: 12px;height: 12px;" src="./assets/copy.png" alt="">
                                </div>
                            </div>
                        </div>
                        <div style="width: 19%;">
                            <p style="color: #F65454;font-size: 16px;"><span style="color: #01BC8D;">7/</span>3</p>
                        </div>
                        <p style=" width: 29%;font-size: 16px;color: #333;">
                            28,692.43
                        </p>
                    </div>
                    <!--  -->
                    <div style="margin-top: 20px;" class="df aic">
                        <div class="df aic" style="width: 50%;">
                            <img style="width: 32px;height: 32px;" src="./assets/rrr.png" alt="">
                            <div>
                                <p style="font-size: 16px;color: #191C1C;">RLY</p>
                                <div style="padding: 0 10px;border-radius: 2px;background-color: #F3F4F3;"
                                    class="df aic">
                                    <p>0xf...49b</p>
                                    <img style="width: 12px;height: 12px;" src="./assets/copy.png" alt="">
                                </div>
                            </div>
                        </div>
                        <div style="width: 19%;">
                            <p style="color: #F65454;font-size: 16px;"><span style="color: #01BC8D;">7/</span>3</p>
                        </div>
                        <p style=" width: 29%;font-size: 16px;color: #333;">
                            28,692.43
                        </p>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <div style="margin-top: 40px;" class="df jcc">
        <div style="width: 80%;">
            <div class="df aic" style="margin-bottom: 20px;">
                <img style="width: 40px;height: 40px;" src="./assets/fire.png" alt="">
                <p style="font-size: 32px;font-weight: 700;line-height: 40px;">Recent Project
                    Financing</p>
            </div>
            <div class="df" style="justify-content: space-between;">
                <div style="width: 32%;border: 1px solid #E1E3E2;padding: 20px;border-radius: 16px;">
                    <div class="df"
                        style="justify-content: space-between;border-bottom: 1px solid #F6F7F6;padding-bottom: 20px;">
                        <p style="font-size: 18px;color: #191C1C;">Twitter Sentiment - Tokens</p>
                        <div class="df aic"
                            style="background-color: #F3F4F3;height: 32px;padding: 0 10px;border-radius: 6px;">
                            <button
                                style="height: 24px;background-color: #fff;color: #191C1C;padding: 0 10px;border-radius: 4px;">1D</button>
                            <button
                                style="border: none;background-color: #F3F4F3;color: #8F9191;padding: 0 10px;">7D</button>
                            <button
                                style="border: none;background-color: #F3F4F3;color: #8F9191;padding: 0 10px;">30D</button>
                        </div>
                    </div>
                    <div style="margin-top: 10px;" class="df">
                        <p style="width: 45%;font-size: 12px;color: #8F9191;">Project Name</p>
                        <p
                            style="width: 20%;font-size: 12px;color: #8F9191;border-bottom: 1px solid #E1E3E2;margin-right: 2%; padding-bottom: 10px;">
                            Speech
                            Heat</p>
                        <p style="width: 30%;font-size: 12px;color: #8F9191;text-align: right;border-bottom: 1px solid #E1E3E2;margin-left: 2%;
                            padding-bottom: 10px;">
                            Sentiment Index</p>
                    </div>
                    <div class="df" style="border-bottom: 1px solid #F6F7F6;padding-bottom: 10px;margin-top: 10px;">
                        <div class="df aic" style="width: 45%;">
                            <img style="width: 32px;height: 32px;margin-right: 5px;" src="./assets/Mask group.png"
                                alt="">
                            <div class="df fdc">
                                <p>FTX</p>
                                <button style="height: 20px;border-radius: 4px;background-color: #F3F4F3;">cex </button>
                            </div>
                        </div>
                        <div class="df fdc" style="width: 20%;margin-right: 2%;">
                            <p style="font-size: 16px;font-weight: 700;color: #333;">1.41K</p>
                            <div>
                                <img style="width: 12px;height: 16px;" src="./assets/fir2.png" alt="">
                                <img style="width: 12px;height: 16px;" src="./assets/fir2.png" alt="">
                            </div>
                        </div>
                        <div class="df fdc" style="width: 30%;margin-left: 2%;">
                            <p style="font-size: 16px;font-weight: 400;text-align: right;">-60.53</p>
                            <p style="font-size: 12px;font-weight: 400;color: #FF6B68;text-align: right;">Very Negative
                            </p>
                        </div>
                    </div>
                    <!--  -->
                    <div class="df" style="border-bottom: 1px solid #F6F7F6;padding-bottom: 10px;margin-top: 10px;">
                        <div class="df aic" style="width: 45%;">
                            <img style="width: 32px;height: 32px;margin-right: 5px;" src="./assets/t2.png" alt="">
                            <div class="df fdc">
                                <p>HairyPlotterFTX</p>
                                <button
                                    style="height: 20px;border-radius: 4px;background-color: #F3F4F3;width: 55px;">meme</button>
                            </div>
                        </div>
                        <div class="df fdc" style="width: 20%;margin-right: 2%;">
                            <p style="font-size: 16px;font-weight: 700;color: #333;">1.41K</p>
                            <div>
                                <img style="width: 12px;height: 16px;" src="./assets/fir2.png" alt="">
                                <img style="width: 12px;height: 16px;" src="./assets/fir2.png" alt="">
                            </div>
                        </div>
                        <div class="df fdc" style="width: 30%;margin-left: 2%;">
                            <p style="font-size: 16px;font-weight: 400;text-align: right;">-60.53</p>
                            <p style="font-size: 12px;font-weight: 400;color: #FF6B68;text-align: right;">Very Negative
                            </p>
                        </div>
                    </div>
                    <!--  -->
                    <div class="df" style="border-bottom: 1px solid #F6F7F6;padding-bottom: 10px;margin-top: 10px;">
                        <div class="df aic" style="width: 45%;">
                            <img style="width: 32px;height: 32px;margin-right: 5px;" src="./assets/t3.png" alt="">
                            <div class="df fdc">
                                <p>Wormhole</p>
                                <button style="height: 20px;border-radius: 4px;background-color: #F3F4F3;">cross-chain
                                    brid.. </button>
                            </div>
                        </div>
                        <div class="df fdc" style="width: 20%;margin-right: 2%;">
                            <p style="font-size: 16px;font-weight: 700;color: #333;">1.41K</p>
                            <div>
                                <img style="width: 12px;height: 16px;" src="./assets/fir2.png" alt="">
                                <img style="width: 12px;height: 16px;" src="./assets/fir2.png" alt="">
                            </div>
                        </div>
                        <div class="df fdc" style="width: 30%;margin-left: 2%;">
                            <p style="font-size: 16px;font-weight: 400;text-align: right;">-60.53</p>
                            <p style="font-size: 12px;font-weight: 400;color: #FF6B68;text-align: right;">Very Negative
                            </p>
                        </div>
                    </div>
                    <!--  -->
                    <div class="df" style="border-bottom: 1px solid #F6F7F6;padding-bottom: 10px;margin-top: 10px;">
                        <div class="df aic" style="width: 45%;">
                            <img style="width: 32px;height: 32px;margin-right: 5px;" src="./assets/t4.png" alt="">
                            <div class="df fdc">
                                <p>SUPER DOGE</p>
                                <button
                                    style="height: 20px;border-radius: 4px;background-color: #F3F4F3;width: 55px;">Meme
                                </button>
                            </div>
                        </div>
                        <div class="df fdc" style="width: 20%;margin-right: 2%;">
                            <p style="font-size: 16px;font-weight: 700;color: #333;">1.41K</p>
                            <div>
                                <img style="width: 12px;height: 16px;" src="./assets/fir2.png" alt="">
                                <img style="width: 12px;height: 16px;" src="./assets/fir2.png" alt="">
                            </div>
                        </div>
                        <div class="df fdc" style="width: 30%;margin-left: 2%;">
                            <p style="font-size: 16px;font-weight: 400;text-align: right;">-60.53</p>
                            <p style="font-size: 12px;font-weight: 400;color: #FF6B68;text-align: right;">Very Negative
                            </p>
                        </div>
                    </div>
                    <!--  -->
                    <div class="df" style="border-bottom: 1px solid #F6F7F6;padding-bottom: 10px;margin-top: 10px;">
                        <div class="df aic" style="width: 45%;">
                            <img style="width: 32px;height: 32px;margin-right: 5px;" src="./assets/t5 (2).png" alt="">
                            <div class="df fdc">
                                <p>GEMS</p>
                                <button style="height: 20px;border-radius: 4px;background-color: #F3F4F3;">metaverse
                                </button>
                            </div>
                        </div>
                        <div class="df fdc" style="width: 20%;margin-right: 2%;">
                            <p style="font-size: 16px;font-weight: 700;color: #333;">1.41K</p>
                            <div>
                                <img style="width: 12px;height: 16px;" src="./assets/fir2.png" alt="">
                                <img style="width: 12px;height: 16px;" src="./assets/fir2.png" alt="">
                            </div>
                        </div>
                        <div class="df fdc" style="width: 30%;margin-left: 2%;">
                            <p style="font-size: 16px;font-weight: 400;text-align: right;">-60.53</p>
                            <p style="font-size: 12px;font-weight: 400;color: #FF6B68;text-align: right;">Very Negative
                            </p>
                        </div>
                    </div>
                </div>
                <div style="width: 32%;border: 1px solid #E1E3E2;padding: 20px;border-radius: 16px;">
                    <div class="df"
                        style="justify-content: space-between;border-bottom: 1px solid #F6F7F6;padding-bottom: 20px;">
                        <p style="font-size: 18px;color: #191C1C;">Twitter Sentiment - Tokens</p>
                        <div class="df aic"
                            style="background-color: #F3F4F3;height: 32px;padding: 0 10px;border-radius: 6px;">
                            <button
                                style="height: 24px;background-color: #fff;color: #191C1C;padding: 0 10px;border-radius: 4px;">1D</button>
                            <button
                                style="border: none;background-color: #F3F4F3;color: #8F9191;padding: 0 10px;">7D</button>
                            <button
                                style="border: none;background-color: #F3F4F3;color: #8F9191;padding: 0 10px;">30D</button>
                        </div>
                    </div>
                    <div style="margin-top: 10px;" class="df">
                        <p style="width: 45%;font-size: 12px;color: #8F9191;">Project Name</p>
                        <p
                            style="width: 20%;font-size: 12px;color: #8F9191;border-bottom: 1px solid #E1E3E2;margin-right: 2%; padding-bottom: 10px;">
                            Speech
                            Heat</p>
                        <p style="width: 30%;font-size: 12px;color: #8F9191;text-align: right;border-bottom: 1px solid #E1E3E2;margin-left: 2%;
                            padding-bottom: 10px;">
                            Sentiment Index</p>
                    </div>
                    <div class="df" style="border-bottom: 1px solid #F6F7F6;padding-bottom: 10px;margin-top: 10px;">
                        <div class="df aic" style="width: 45%;">
                            <img style="width: 32px;height: 32px;margin-right: 5px;" src="./assets/Mask group.png"
                                alt="">
                            <div class="df fdc">
                                <p>FTX</p>
                                <button style="height: 20px;border-radius: 4px;background-color: #F3F4F3;">cex </button>
                            </div>
                        </div>
                        <div class="df fdc" style="width: 20%;margin-right: 2%;">
                            <p style="font-size: 16px;font-weight: 700;color: #333;">1.41K</p>
                            <div>
                                <img style="width: 12px;height: 16px;" src="./assets/fir2.png" alt="">
                                <img style="width: 12px;height: 16px;" src="./assets/fir2.png" alt="">
                            </div>
                        </div>
                        <div class="df fdc" style="width: 30%;margin-left: 2%;">
                            <p style="font-size: 16px;font-weight: 400;text-align: right;">-60.53</p>
                            <p style="font-size: 12px;font-weight: 400;color: #FF6B68;text-align: right;">Very Negative
                            </p>
                        </div>
                    </div>
                    <!--  -->
                    <div class="df" style="border-bottom: 1px solid #F6F7F6;padding-bottom: 10px;margin-top: 10px;">
                        <div class="df aic" style="width: 45%;">
                            <img style="width: 32px;height: 32px;margin-right: 5px;" src="./assets/t2.png" alt="">
                            <div class="df fdc">
                                <p>HairyPlotterFTX</p>
                                <button
                                    style="height: 20px;border-radius: 4px;background-color: #F3F4F3;width: 55px;">meme</button>
                            </div>
                        </div>
                        <div class="df fdc" style="width: 20%;margin-right: 2%;">
                            <p style="font-size: 16px;font-weight: 700;color: #333;">1.41K</p>
                            <div>
                                <img style="width: 12px;height: 16px;" src="./assets/fir2.png" alt="">
                                <img style="width: 12px;height: 16px;" src="./assets/fir2.png" alt="">
                            </div>
                        </div>
                        <div class="df fdc" style="width: 30%;margin-left: 2%;">
                            <p style="font-size: 16px;font-weight: 400;text-align: right;">-60.53</p>
                            <p style="font-size: 12px;font-weight: 400;color: #FF6B68;text-align: right;">Very Negative
                            </p>
                        </div>
                    </div>
                    <!--  -->
                    <div class="df" style="border-bottom: 1px solid #F6F7F6;padding-bottom: 10px;margin-top: 10px;">
                        <div class="df aic" style="width: 45%;">
                            <img style="width: 32px;height: 32px;margin-right: 5px;" src="./assets/t3.png" alt="">
                            <div class="df fdc">
                                <p>Wormhole</p>
                                <button style="height: 20px;border-radius: 4px;background-color: #F3F4F3;">cross-chain
                                    brid.. </button>
                            </div>
                        </div>
                        <div class="df fdc" style="width: 20%;margin-right: 2%;">
                            <p style="font-size: 16px;font-weight: 700;color: #333;">1.41K</p>
                            <div>
                                <img style="width: 12px;height: 16px;" src="./assets/fir2.png" alt="">
                                <img style="width: 12px;height: 16px;" src="./assets/fir2.png" alt="">
                            </div>
                        </div>
                        <div class="df fdc" style="width: 30%;margin-left: 2%;">
                            <p style="font-size: 16px;font-weight: 400;text-align: right;">-60.53</p>
                            <p style="font-size: 12px;font-weight: 400;color: #FF6B68;text-align: right;">Very Negative
                            </p>
                        </div>
                    </div>
                    <!--  -->
                    <div class="df" style="border-bottom: 1px solid #F6F7F6;padding-bottom: 10px;margin-top: 10px;">
                        <div class="df aic" style="width: 45%;">
                            <img style="width: 32px;height: 32px;margin-right: 5px;" src="./assets/t4.png" alt="">
                            <div class="df fdc">
                                <p>SUPER DOGE</p>
                                <button
                                    style="height: 20px;border-radius: 4px;background-color: #F3F4F3;width: 55px;">Meme
                                </button>
                            </div>
                        </div>
                        <div class="df fdc" style="width: 20%;margin-right: 2%;">
                            <p style="font-size: 16px;font-weight: 700;color: #333;">1.41K</p>
                            <div>
                                <img style="width: 12px;height: 16px;" src="./assets/fir2.png" alt="">
                                <img style="width: 12px;height: 16px;" src="./assets/fir2.png" alt="">
                            </div>
                        </div>
                        <div class="df fdc" style="width: 30%;margin-left: 2%;">
                            <p style="font-size: 16px;font-weight: 400;text-align: right;">-60.53</p>
                            <p style="font-size: 12px;font-weight: 400;color: #FF6B68;text-align: right;">Very Negative
                            </p>
                        </div>
                    </div>
                    <!--  -->
                    <div class="df" style="border-bottom: 1px solid #F6F7F6;padding-bottom: 10px;margin-top: 10px;">
                        <div class="df aic" style="width: 45%;">
                            <img style="width: 32px;height: 32px;margin-right: 5px;" src="./assets/t5 (2).png" alt="">
                            <div class="df fdc">
                                <p>GEMS</p>
                                <button style="height: 20px;border-radius: 4px;background-color: #F3F4F3;">metaverse
                                </button>
                            </div>
                        </div>
                        <div class="df fdc" style="width: 20%;margin-right: 2%;">
                            <p style="font-size: 16px;font-weight: 700;color: #333;">1.41K</p>
                            <div>
                                <img style="width: 12px;height: 16px;" src="./assets/fir2.png" alt="">
                                <img style="width: 12px;height: 16px;" src="./assets/fir2.png" alt="">
                            </div>
                        </div>
                        <div class="df fdc" style="width: 30%;margin-left: 2%;">
                            <p style="font-size: 16px;font-weight: 400;text-align: right;">-60.53</p>
                            <p style="font-size: 12px;font-weight: 400;color: #FF6B68;text-align: right;">Very Negative
                            </p>
                        </div>
                    </div>
                </div>
                <div style="width: 32%;border: 1px solid #E1E3E2;padding: 20px;border-radius: 16px;">
                    <div class="df"
                        style="justify-content: space-between;border-bottom: 1px solid #F6F7F6;padding-bottom: 20px;">
                        <p style="font-size: 18px;color: #191C1C;">Twitter Sentiment - Tokens</p>
                        <div class="df aic"
                            style="background-color: #F3F4F3;height: 32px;padding: 0 10px;border-radius: 6px;">
                            <button
                                style="height: 24px;background-color: #fff;color: #191C1C;padding: 0 10px;border-radius: 4px;">1D</button>
                            <button
                                style="border: none;background-color: #F3F4F3;color: #8F9191;padding: 0 10px;">7D</button>
                            <button
                                style="border: none;background-color: #F3F4F3;color: #8F9191;padding: 0 10px;">30D</button>
                        </div>
                    </div>
                    <div style="margin-top: 10px;" class="df">
                        <p style="width: 45%;font-size: 12px;color: #8F9191;">Project Name</p>
                        <p
                            style="width: 20%;font-size: 12px;color: #8F9191;border-bottom: 1px solid #E1E3E2;margin-right: 2%; padding-bottom: 10px;">
                            Speech
                            Heat</p>
                        <p style="width: 30%;font-size: 12px;color: #8F9191;text-align: right;border-bottom: 1px solid #E1E3E2;margin-left: 2%;
                            padding-bottom: 10px;">
                            Sentiment Index</p>
                    </div>
                    <div class="df" style="border-bottom: 1px solid #F6F7F6;padding-bottom: 10px;margin-top: 10px;">
                        <div class="df aic" style="width: 45%;">
                            <img style="width: 32px;height: 32px;margin-right: 5px;" src="./assets/Mask group.png"
                                alt="">
                            <div class="df fdc">
                                <p>FTX</p>
                                <button style="height: 20px;border-radius: 4px;background-color: #F3F4F3;">cex </button>
                            </div>
                        </div>
                        <div class="df fdc" style="width: 20%;margin-right: 2%;">
                            <p style="font-size: 16px;font-weight: 700;color: #333;">1.41K</p>
                            <div>
                                <img style="width: 12px;height: 16px;" src="./assets/fir2.png" alt="">
                                <img style="width: 12px;height: 16px;" src="./assets/fir2.png" alt="">
                            </div>
                        </div>
                        <div class="df fdc" style="width: 30%;margin-left: 2%;">
                            <p style="font-size: 16px;font-weight: 400;text-align: right;">-60.53</p>
                            <p style="font-size: 12px;font-weight: 400;color: #FF6B68;text-align: right;">Very Negative
                            </p>
                        </div>
                    </div>
                    <!--  -->
                    <div class="df" style="border-bottom: 1px solid #F6F7F6;padding-bottom: 10px;margin-top: 10px;">
                        <div class="df aic" style="width: 45%;">
                            <img style="width: 32px;height: 32px;margin-right: 5px;" src="./assets/t2.png" alt="">
                            <div class="df fdc">
                                <p>HairyPlotterFTX</p>
                                <button
                                    style="height: 20px;border-radius: 4px;background-color: #F3F4F3;width: 55px;">meme</button>
                            </div>
                        </div>
                        <div class="df fdc" style="width: 20%;margin-right: 2%;">
                            <p style="font-size: 16px;font-weight: 700;color: #333;">1.41K</p>
                            <div>
                                <img style="width: 12px;height: 16px;" src="./assets/fir2.png" alt="">
                                <img style="width: 12px;height: 16px;" src="./assets/fir2.png" alt="">
                            </div>
                        </div>
                        <div class="df fdc" style="width: 30%;margin-left: 2%;">
                            <p style="font-size: 16px;font-weight: 400;text-align: right;">-60.53</p>
                            <p style="font-size: 12px;font-weight: 400;color: #FF6B68;text-align: right;">Very Negative
                            </p>
                        </div>
                    </div>
                    <!--  -->
                    <div class="df" style="border-bottom: 1px solid #F6F7F6;padding-bottom: 10px;margin-top: 10px;">
                        <div class="df aic" style="width: 45%;">
                            <img style="width: 32px;height: 32px;margin-right: 5px;" src="./assets/t3.png" alt="">
                            <div class="df fdc">
                                <p>Wormhole</p>
                                <button style="height: 20px;border-radius: 4px;background-color: #F3F4F3;">cross-chain
                                    brid.. </button>
                            </div>
                        </div>
                        <div class="df fdc" style="width: 20%;margin-right: 2%;">
                            <p style="font-size: 16px;font-weight: 700;color: #333;">1.41K</p>
                            <div>
                                <img style="width: 12px;height: 16px;" src="./assets/fir2.png" alt="">
                                <img style="width: 12px;height: 16px;" src="./assets/fir2.png" alt="">
                            </div>
                        </div>
                        <div class="df fdc" style="width: 30%;margin-left: 2%;">
                            <p style="font-size: 16px;font-weight: 400;text-align: right;">-60.53</p>
                            <p style="font-size: 12px;font-weight: 400;color: #FF6B68;text-align: right;">Very Negative
                            </p>
                        </div>
                    </div>
                    <!--  -->
                    <div class="df" style="border-bottom: 1px solid #F6F7F6;padding-bottom: 10px;margin-top: 10px;">
                        <div class="df aic" style="width: 45%;">
                            <img style="width: 32px;height: 32px;margin-right: 5px;" src="./assets/t4.png" alt="">
                            <div class="df fdc">
                                <p>SUPER DOGE</p>
                                <button
                                    style="height: 20px;border-radius: 4px;background-color: #F3F4F3;width: 55px;">Meme
                                </button>
                            </div>
                        </div>
                        <div class="df fdc" style="width: 20%;margin-right: 2%;">
                            <p style="font-size: 16px;font-weight: 700;color: #333;">1.41K</p>
                            <div>
                                <img style="width: 12px;height: 16px;" src="./assets/fir2.png" alt="">
                                <img style="width: 12px;height: 16px;" src="./assets/fir2.png" alt="">
                            </div>
                        </div>
                        <div class="df fdc" style="width: 30%;margin-left: 2%;">
                            <p style="font-size: 16px;font-weight: 400;text-align: right;">-60.53</p>
                            <p style="font-size: 12px;font-weight: 400;color: #FF6B68;text-align: right;">Very Negative
                            </p>
                        </div>
                    </div>
                    <!--  -->
                    <div class="df" style="border-bottom: 1px solid #F6F7F6;padding-bottom: 10px;margin-top: 10px;">
                        <div class="df aic" style="width: 45%;">
                            <img style="width: 32px;height: 32px;margin-right: 5px;" src="./assets/t5 (2).png" alt="">
                            <div class="df fdc">
                                <p>GEMS</p>
                                <button style="height: 20px;border-radius: 4px;background-color: #F3F4F3;">metaverse
                                </button>
                            </div>
                        </div>
                        <div class="df fdc" style="width: 20%;margin-right: 2%;">
                            <p style="font-size: 16px;font-weight: 700;color: #333;">1.41K</p>
                            <div>
                                <img style="width: 12px;height: 16px;" src="./assets/fir2.png" alt="">
                                <img style="width: 12px;height: 16px;" src="./assets/fir2.png" alt="">
                            </div>
                        </div>
                        <div class="df fdc" style="width: 30%;margin-left: 2%;">
                            <p style="font-size: 16px;font-weight: 400;text-align: right;">-60.53</p>
                            <p style="font-size: 12px;font-weight: 400;color: #FF6B68;text-align: right;">Very Negative
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div style="margin-top: 40px;" class="df jcc">
        <div style="width: 80%;">
            <p style="font-size: 20px;font-weight: 700;margin-bottom: 20px;">Twitter Sentiment-Racetrack</p>
            <div class="df" style="justify-content: space-around;margin-bottom: 20px;">
                <div style="border: 1px solid #EDEDED;border-radius: 16px;padding: 20px;width: 32%;">
                    <div class="df">
                        <img class="hot" src="./assets/hot1.png" alt="">
                        <p style="font-size: 20px;font-weight: 700;">Meme</p>
                    </div>
                    <div class="df"
                        style="background-color: #F9F9F9;border-radius: 12px;justify-content: space-between;padding: 10px;margin-top: 10px;margin-bottom: 10px;">
                        <div>
                            <p style="font-size: 13px;font-weight: 400;color: #333;">Speech Heat</p>
                            <p style="font-size: 16px;font-weight: 700;color: #191C1C;">17.55</p>
                        </div>
                        <div>
                            <p style="font-size: 13px;font-weight: 400;color: #333;text-align: right;">Sentiment Index
                            </p>
                            <p style="font-size: 16px;font-weight: 700;color: #333;"><span
                                    style="font-size: 16px;font-weight: 700;color: #5EA506;">15.01</span>Fairly
                                Positive</p>
                        </div>
                    </div>
                    <div class="df" style="justify-content: space-between;">
                        <div>
                            <p style="font-size: 12px;color: #8F9191;">Discussion</p>
                            <p style="font-size: 16px;font-weight: 700;color: #333;">2.18K</p>
                        </div>
                        <div>
                            <p style="font-size: 12px;color: #8F9191;">Popularity Increase</p>
                            <div class="df aic">
                                <img style="width: 16px;height: 16px;margin-bottom: 5px;" src="./assets/top.png" alt="">
                                <p style="font-size: 16px;font-weight: 700;color: #01BC8D;">9.39%</p>
                            </div>
                        </div>
                        <div>
                            <p style="font-size: 12px;color: #8F9191;">Mentioned by KOL</p>
                            <div class="df aic">
                                <img style="width: 20px;height: 20px;margin-right: 2px;" src="./assets/per1.png" alt="">
                                <img style="width: 20px;height: 20px;margin-right: 2px;" src="./assets/per2.png" alt="">
                                <img style="width: 20px;height: 20px;margin-right: 2px;" src="./assets/per3.png" alt="">
                                <button
                                    style="border: 1px solid #E1E3E2; border-radius: 999px;background-color: #fff;padding: 0 5px;">1118</button>
                            </div>
                        </div>

                    </div>
                    <p style="font-size: 12px;color: #8F9191;margin-top: 20px;text-align-last: left;">Related
                        Projects</p>
                    <div>
                        <button
                            style="border: 1px solid #E1E3E2;border-radius: 4px;color: #191C1C;padding: 0 10px;background-color: #fff;font-size: 12px;">HairyPlotterFTX</button>
                        <button
                            style="border: 1px solid #E1E3E2;border-radius: 4px;color: #191C1C;padding: 0 10px;background-color: #fff;font-size: 12px;">SUPER
                            DOGE</button>
                        <button
                            style="border: 1px solid #E1E3E2;border-radius: 4px;color: #191C1C;padding: 0 10px;background-color: #fff;font-size: 12px;">Degen</button>
                        <button
                            style="border: 1px solid #E1E3E2;border-radius: 999px;background-color: #fff;padding: 0 10px;color: #191C1C;font-size: 12px;">2218</button>
                    </div>
                </div>
                <div style="border: 1px solid #EDEDED;border-radius: 16px;padding: 20px;width: 32%;">
                    <div class="df">
                        <img class="hot" src="./assets/hot2.png" alt="">
                        <p style="font-size: 20px;font-weight: 700;">GEMS</p>
                    </div>
                    <div class="df"
                        style="background-color: #F9F9F9;border-radius: 12px;justify-content: space-between;padding: 10px;margin-top: 10px;margin-bottom: 10px;">
                        <div>
                            <p style="font-size: 13px;font-weight: 400;color: #333;">Speech Heat</p>
                            <p style="font-size: 16px;font-weight: 700;color: #191C1C;">17.55</p>
                        </div>
                        <div>
                            <p style="font-size: 13px;font-weight: 400;color: #333;text-align: right;">Sentiment Index
                            </p>
                            <p style="font-size: 16px;font-weight: 700;color: #333;"><span
                                    style="font-size: 16px;font-weight: 700;color: #5EA506;">15.01</span>Fairly
                                Positive</p>
                        </div>
                    </div>
                    <div class="df" style="justify-content: space-between;">
                        <div>
                            <p style="font-size: 12px;color: #8F9191;">Discussion</p>
                            <p style="font-size: 16px;font-weight: 700;color: #333;">2.18K</p>
                        </div>
                        <div>
                            <p style="font-size: 12px;color: #8F9191;">Popularity Increase</p>
                            <div class="df aic">
                                <img style="width: 16px;height: 16px;margin-bottom: 5px;" src="./assets/top.png" alt="">
                                <p style="font-size: 16px;font-weight: 700;color: #01BC8D;">9.39%</p>
                            </div>
                        </div>
                        <div>
                            <p style="font-size: 12px;color: #8F9191;">Mentioned by KOL</p>
                            <div class="df aic">
                                <img style="width: 20px;height: 20px;margin-right: 2px;" src="./assets/per1.png" alt="">
                                <img style="width: 20px;height: 20px;margin-right: 2px;" src="./assets/per2.png" alt="">
                                <img style="width: 20px;height: 20px;margin-right: 2px;" src="./assets/per3.png" alt="">
                                <button
                                    style="border: 1px solid #E1E3E2; border-radius: 999px;background-color: #fff;padding: 0 5px;">1118</button>
                            </div>
                        </div>

                    </div>
                    <p style="font-size: 12px;color: #8F9191;margin-top: 20px;text-align-last: left;">Related
                        Projects</p>
                    <div>
                        <button
                            style="border: 1px solid #E1E3E2;border-radius: 4px;color: #191C1C;padding: 0 10px;background-color: #fff;font-size: 12px;">HairyPlotterFTX</button>
                        <button
                            style="border: 1px solid #E1E3E2;border-radius: 4px;color: #191C1C;padding: 0 10px;background-color: #fff;font-size: 12px;">SUPER
                            DOGE</button>
                        <button
                            style="border: 1px solid #E1E3E2;border-radius: 4px;color: #191C1C;padding: 0 10px;background-color: #fff;font-size: 12px;">Degen</button>
                        <button
                            style="border: 1px solid #E1E3E2;border-radius: 999px;background-color: #fff;padding: 0 10px;color: #191C1C;font-size: 12px;">2218</button>
                    </div>
                </div>
                <div style="border: 1px solid #EDEDED;border-radius: 16px;padding: 20px;width: 32%;">
                    <div class="df">
                        <img class="hot" src="./assets/hot1.png" alt="">
                        <p style="font-size: 20px;font-weight: 700;">DOG</p>
                    </div>
                    <div class="df"
                        style="background-color: #F9F9F9;border-radius: 12px;justify-content: space-between;padding: 10px;margin-top: 10px;margin-bottom: 10px;">
                        <div>
                            <p style="font-size: 13px;font-weight: 400;color: #333;">Speech Heat</p>
                            <p style="font-size: 16px;font-weight: 700;color: #191C1C;">17.55</p>
                        </div>
                        <div>
                            <p style="font-size: 13px;font-weight: 400;color: #333;text-align: right;">Sentiment Index
                            </p>
                            <p style="font-size: 16px;font-weight: 700;color: #333;"><span
                                    style="font-size: 16px;font-weight: 700;color: #5EA506;">15.01</span>Fairly
                                Positive</p>
                        </div>
                    </div>
                    <div class="df" style="justify-content: space-between;">
                        <div>
                            <p style="font-size: 12px;color: #8F9191;">Discussion</p>
                            <p style="font-size: 16px;font-weight: 700;color: #333;">2.18K</p>
                        </div>
                        <div>
                            <p style="font-size: 12px;color: #8F9191;">Popularity Increase</p>
                            <div class="df aic">
                                <img style="width: 16px;height: 16px;margin-bottom: 5px;" src="./assets/top.png" alt="">
                                <p style="font-size: 16px;font-weight: 700;color: #01BC8D;">9.39%</p>
                            </div>
                        </div>
                        <div>
                            <p style="font-size: 12px;color: #8F9191;">Mentioned by KOL</p>
                            <div class="df aic">
                                <img style="width: 20px;height: 20px;margin-right: 2px;" src="./assets/per1.png" alt="">
                                <img style="width: 20px;height: 20px;margin-right: 2px;" src="./assets/per2.png" alt="">
                                <img style="width: 20px;height: 20px;margin-right: 2px;" src="./assets/per3.png" alt="">
                                <button
                                    style="border: 1px solid #E1E3E2; border-radius: 999px;background-color: #fff;padding: 0 5px;">1118</button>
                            </div>
                        </div>

                    </div>
                    <p style="font-size: 12px;color: #8F9191;margin-top: 20px;text-align-last: left;">Related
                        Projects</p>
                    <div>
                        <button
                            style="border: 1px solid #E1E3E2;border-radius: 4px;color: #191C1C;padding: 0 10px;background-color: #fff;font-size: 12px;">HairyPlotterFTX</button>
                        <button
                            style="border: 1px solid #E1E3E2;border-radius: 4px;color: #191C1C;padding: 0 10px;background-color: #fff;font-size: 12px;">SUPER
                            DOGE</button>
                        <button
                            style="border: 1px solid #E1E3E2;border-radius: 4px;color: #191C1C;padding: 0 10px;background-color: #fff;font-size: 12px;">Degen</button>
                        <button
                            style="border: 1px solid #E1E3E2;border-radius: 999px;background-color: #fff;padding: 0 10px;color: #191C1C;font-size: 12px;">2218</button>
                    </div>
                </div>
            </div>
            <div class="df" style="justify-content: space-around;">
                <div style="border: 1px solid #EDEDED;border-radius: 16px;padding: 20px;width: 32%;">
                    <div class="df">
                        <img class="hot" src="./assets/hot1.png" alt="">
                        <p style="font-size: 20px;font-weight: 700;">Meme</p>
                    </div>
                    <div class="df"
                        style="background-color: #F9F9F9;border-radius: 12px;justify-content: space-between;padding: 10px;margin-top: 10px;margin-bottom: 10px;">
                        <div>
                            <p style="font-size: 13px;font-weight: 400;color: #333;">Speech Heat</p>
                            <p style="font-size: 16px;font-weight: 700;color: #191C1C;">17.55</p>
                        </div>
                        <div>
                            <p style="font-size: 13px;font-weight: 400;color: #333;text-align: right;">Sentiment Index
                            </p>
                            <p style="font-size: 16px;font-weight: 700;color: #333;"><span
                                    style="font-size: 16px;font-weight: 700;color: #5EA506;">15.01</span>Fairly
                                Positive</p>
                        </div>
                    </div>
                    <div class="df" style="justify-content: space-between;">
                        <div>
                            <p style="font-size: 12px;color: #8F9191;">Discussion</p>
                            <p style="font-size: 16px;font-weight: 700;color: #333;">2.18K</p>
                        </div>
                        <div>
                            <p style="font-size: 12px;color: #8F9191;">Popularity Increase</p>
                            <div class="df aic">
                                <img style="width: 16px;height: 16px;margin-bottom: 5px;" src="./assets/top.png" alt="">
                                <p style="font-size: 16px;font-weight: 700;color: #01BC8D;">9.39%</p>
                            </div>
                        </div>
                        <div>
                            <p style="font-size: 12px;color: #8F9191;">Mentioned by KOL</p>
                            <div class="df aic">
                                <img style="width: 20px;height: 20px;margin-right: 2px;" src="./assets/per1.png" alt="">
                                <img style="width: 20px;height: 20px;margin-right: 2px;" src="./assets/per2.png" alt="">
                                <img style="width: 20px;height: 20px;margin-right: 2px;" src="./assets/per3.png" alt="">
                                <button
                                    style="border: 1px solid #E1E3E2; border-radius: 999px;background-color: #fff;padding: 0 5px;">1118</button>
                            </div>
                        </div>

                    </div>
                    <p style="font-size: 12px;color: #8F9191;margin-top: 20px;text-align-last: left;">Related
                        Projects</p>
                    <div>
                        <button
                            style="border: 1px solid #E1E3E2;border-radius: 4px;color: #191C1C;padding: 0 10px;background-color: #fff;font-size: 12px;">HairyPlotterFTX</button>
                        <button
                            style="border: 1px solid #E1E3E2;border-radius: 4px;color: #191C1C;padding: 0 10px;background-color: #fff;font-size: 12px;">SUPER
                            DOGE</button>
                        <button
                            style="border: 1px solid #E1E3E2;border-radius: 4px;color: #191C1C;padding: 0 10px;background-color: #fff;font-size: 12px;">Degen</button>
                        <button
                            style="border: 1px solid #E1E3E2;border-radius: 999px;background-color: #fff;padding: 0 10px;color: #191C1C;font-size: 12px;">2218</button>
                    </div>
                </div>
                <div style="border: 1px solid #EDEDED;border-radius: 16px;padding: 20px;width: 32%;">
                    <div class="df">
                        <img class="hot" src="./assets/hot2.png" alt="">
                        <p style="font-size: 20px;font-weight: 700;">GEMS</p>
                    </div>
                    <div class="df"
                        style="background-color: #F9F9F9;border-radius: 12px;justify-content: space-between;padding: 10px;margin-top: 10px;margin-bottom: 10px;">
                        <div>
                            <p style="font-size: 13px;font-weight: 400;color: #333;">Speech Heat</p>
                            <p style="font-size: 16px;font-weight: 700;color: #191C1C;">17.55</p>
                        </div>
                        <div>
                            <p style="font-size: 13px;font-weight: 400;color: #333;text-align: right;">Sentiment Index
                            </p>
                            <p style="font-size: 16px;font-weight: 700;color: #333;"><span
                                    style="font-size: 16px;font-weight: 700;color: #5EA506;">15.01</span>Fairly
                                Positive</p>
                        </div>
                    </div>
                    <div class="df" style="justify-content: space-between;">
                        <div>
                            <p style="font-size: 12px;color: #8F9191;">Discussion</p>
                            <p style="font-size: 16px;font-weight: 700;color: #333;">2.18K</p>
                        </div>
                        <div>
                            <p style="font-size: 12px;color: #8F9191;">Popularity Increase</p>
                            <div class="df aic">
                                <img style="width: 16px;height: 16px;margin-bottom: 5px;" src="./assets/top.png" alt="">
                                <p style="font-size: 16px;font-weight: 700;color: #01BC8D;">9.39%</p>
                            </div>
                        </div>
                        <div>
                            <p style="font-size: 12px;color: #8F9191;">Mentioned by KOL</p>
                            <div class="df aic">
                                <img style="width: 20px;height: 20px;margin-right: 2px;" src="./assets/per1.png" alt="">
                                <img style="width: 20px;height: 20px;margin-right: 2px;" src="./assets/per2.png" alt="">
                                <img style="width: 20px;height: 20px;margin-right: 2px;" src="./assets/per3.png" alt="">
                                <button
                                    style="border: 1px solid #E1E3E2; border-radius: 999px;background-color: #fff;padding: 0 5px;">1118</button>
                            </div>
                        </div>

                    </div>
                    <p style="font-size: 12px;color: #8F9191;margin-top: 20px;text-align-last: left;">Related
                        Projects</p>
                    <div>
                        <button
                            style="border: 1px solid #E1E3E2;border-radius: 4px;color: #191C1C;padding: 0 10px;background-color: #fff;font-size: 12px;">HairyPlotterFTX</button>
                        <button
                            style="border: 1px solid #E1E3E2;border-radius: 4px;color: #191C1C;padding: 0 10px;background-color: #fff;font-size: 12px;">SUPER
                            DOGE</button>
                        <button
                            style="border: 1px solid #E1E3E2;border-radius: 4px;color: #191C1C;padding: 0 10px;background-color: #fff;font-size: 12px;">Degen</button>
                        <button
                            style="border: 1px solid #E1E3E2;border-radius: 999px;background-color: #fff;padding: 0 10px;color: #191C1C;font-size: 12px;">2218</button>
                    </div>
                </div>
                <div style="border: 1px solid #EDEDED;border-radius: 16px;padding: 20px;width: 32%;">
                    <div class="df">
                        <img class="hot" src="./assets/hot1.png" alt="">
                        <p style="font-size: 20px;font-weight: 700;">DOG</p>
                    </div>
                    <div class="df"
                        style="background-color: #F9F9F9;border-radius: 12px;justify-content: space-between;padding: 10px;margin-top: 10px;margin-bottom: 10px;">
                        <div>
                            <p style="font-size: 13px;font-weight: 400;color: #333;">Speech Heat</p>
                            <p style="font-size: 16px;font-weight: 700;color: #191C1C;">17.55</p>
                        </div>
                        <div>
                            <p style="font-size: 13px;font-weight: 400;color: #333;text-align: right;">Sentiment Index
                            </p>
                            <p style="font-size: 16px;font-weight: 700;color: #333;"><span
                                    style="font-size: 16px;font-weight: 700;color: #5EA506;">15.01</span>Fairly
                                Positive</p>
                        </div>
                    </div>
                    <div class="df" style="justify-content: space-between;">
                        <div>
                            <p style="font-size: 12px;color: #8F9191;">Discussion</p>
                            <p style="font-size: 16px;font-weight: 700;color: #333;">2.18K</p>
                        </div>
                        <div>
                            <p style="font-size: 12px;color: #8F9191;">Popularity Increase</p>
                            <div class="df aic">
                                <img style="width: 16px;height: 16px;margin-bottom: 5px;" src="./assets/top.png" alt="">
                                <p style="font-size: 16px;font-weight: 700;color: #01BC8D;">9.39%</p>
                            </div>
                        </div>
                        <div>
                            <p style="font-size: 12px;color: #8F9191;">Mentioned by KOL</p>
                            <div class="df aic">
                                <img style="width: 20px;height: 20px;margin-right: 2px;" src="./assets/per1.png" alt="">
                                <img style="width: 20px;height: 20px;margin-right: 2px;" src="./assets/per2.png" alt="">
                                <img style="width: 20px;height: 20px;margin-right: 2px;" src="./assets/per3.png" alt="">
                                <button
                                    style="border: 1px solid #E1E3E2; border-radius: 999px;background-color: #fff;padding: 0 5px;">1118</button>
                            </div>
                        </div>

                    </div>
                    <p style="font-size: 12px;color: #8F9191;margin-top: 20px;text-align-last: left;">Related
                        Projects</p>
                    <div>
                        <button
                            style="border: 1px solid #E1E3E2;border-radius: 4px;color: #191C1C;padding: 0 10px;background-color: #fff;font-size: 12px;">HairyPlotterFTX</button>
                        <button
                            style="border: 1px solid #E1E3E2;border-radius: 4px;color: #191C1C;padding: 0 10px;background-color: #fff;font-size: 12px;">SUPER
                            DOGE</button>
                        <button
                            style="border: 1px solid #E1E3E2;border-radius: 4px;color: #191C1C;padding: 0 10px;background-color: #fff;font-size: 12px;">Degen</button>
                        <button
                            style="border: 1px solid #E1E3E2;border-radius: 999px;background-color: #fff;padding: 0 10px;color: #191C1C;font-size: 12px;">2218</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- !!!!!!!!!!table -->
    <div style="margin-top: 80px;" class="df jcc">
        <div style="width: 80%;">
            <div style="margin-bottom: 20px;">
                <p style="font-size: 31px;font-weight: 700;">Recent Project Financing</p>
                <p style="font-size: 12px;font-weight: 400;color: #333;cursor: pointer;">The data is sourced from
                    RootData,, provided for reference only.</p>
            </div>
            <table style="width: 100%;font-size: 16px;color: #191C1C;">
                <tr style="font-size: 11px;color: #8F9191;text-align: left;">
                    <th>Project Name</th>
                    <th>Round</th>
                    <th>Financing amount</th>
                    <th>Project Valuation</th>
                    <th>Financing time</th>
                    <th>Financier</th>
                </tr>
                <tr style="background-color: #F4F4F4;">
                    <td>
                        <div class="df aic">
                            <img style="width: 32px;height: 32px;" src="./assets/e1.png" alt="">
                            <div>
                                <p style="font-size: 16px;color: #191C1C;">Mirror World</p>
                                <p style="font-size: 14px;color: #191C1C;">infrastructure</p>
                            </div>
                        </div>
                    </td>
                    <td>Pre-A</td>
                    <td>--</td>
                    <td>--</td>
                    <td>Mar 28,2024</td>
                    <td>--</td>
                </tr>
                <tr>
                    <td>
                        <div class="df aic">
                            <img style="width: 32px;height: 32px;" src="./assets/e2.png" alt="">
                            <div>
                                <p style="font-size: 16px;color: #191C1C;">Parallel</p>
                                <p style="font-size: 14px;color: #191C1C;">gamefi</p>
                            </div>
                        </div>
                    </td>
                    <td>--</td>
                    <td>$ 35M</td>
                    <td>--</td>
                    <td>Mar 27,2024</td>
                    <td style="font-size: 9px;">
                        <button
                            style="border: 1px solid #E1E3E2; border-radius: 4px;background-color: #fff;padding: 0 10px;">Solana
                            Ventures</button>
                        <button
                            style="border: 1px solid #E1E3E2; border-radius: 4px;background-color: #fff;padding: 0 10px;">Distributed
                            Global</button>
                        <button
                            style="border: 1px solid #E1E3E2; border-radius: 4px;background-color: #fff;padding: 0 10px;">OSS
                            Capital</button>
                        <button
                            style="border: 1px solid #E1E3E2; border-radius: 8px;background-color: #fff;height: 24px;padding: 0 10px;">16</button>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div class="df aic">
                            <img style="width: 32px;height: 32px;" src="./assets/e3.png" alt="">
                            <div>
                                <p style="font-size: 16px;color: #191C1C;">DappOS</p>
                                <div>

                                    <p style="font-size: 14px;color: #191C1C;">infrastructure</p>
                                    <p style="font-size: 14px;color: #191C1C;">web3</p>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td>
                        Series A
                    </td>
                    <td>$ 15.3M</td>
                    <td>$ 300M</td>
                    <td>Mar 27,2024</td>
                    <td style="font-size: 9px;">
                        <button
                            style="border: 1px solid #E1E3E2; border-radius: 4px;background-color: #fff;padding: 0 10px;">Polychain</button>
                        <button
                            style="border: 1px solid #E1E3E2; border-radius: 4px;background-color: #fff;padding: 0 10px;">Nomad
                            Capital</button>
                        <button
                            style="border: 1px solid #E1E3E2; border-radius: 4px;background-color: #fff;padding: 0 10px;">Flow
                            Traders</button>
                        <button
                            style="border: 1px solid #E1E3E2; border-radius: 8px;background-color: #fff;height: 24px;padding: 0 10px;">13</button>
                    </td>

                </tr>
                <tr>
                    <td>
                        <div class="df aic">
                            <img style="width: 32px;height: 32px;" src="./assets/e4.png" alt="">
                            <div>
                                <p style="font-size: 16px;color: #191C1C;">FLock</p>
                                <div>

                                    <p style="font-size: 14px;color: #191C1C;">infrastructure</p>
                                    <p style="font-size: 14px;color: #191C1C;">ai</p>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td>Seed</td>
                    <td>$ 6M</td>
                    <td>--</td>
                    <td>Mar 27,2024</td>
                    <td style="font-size: 9px;">
                        <button
                            style="border: 1px solid #E1E3E2; border-radius: 4px;background-color: #fff;padding: 0 10px;">Faction</button>
                        <button
                            style="border: 1px solid #E1E3E2; border-radius: 4px;background-color: #fff;padding: 0 10px;">Tagus
                            Capital</button>
                        <button
                            style="border: 1px solid #E1E3E2; border-radius: 4px;background-color: #fff;padding: 0 10px;">Volt
                            Capital</button>
                        <button
                            style="border: 1px solid #E1E3E2; border-radius: 8px;background-color: #fff;height: 24px;padding: 0 10px;">11</button>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div class="df aic">
                            <img style="width: 32px;height: 32px;" src="./assets/e5.png" alt="">
                            <div>
                                <p style="font-size: 16px;color: #191C1C;">Biconomy</p>
                                <div>
                                    <p style="font-size: 14px;color: #191C1C;">cross-chain bridge</p>
                                    <p style="font-size: 14px;color: #191C1C;">infra</p>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td>Strategic</td>
                    <td>--</td>
                    <td>--</td>
                    <td>Mar 27,2024</td>
                    <td style="font-size: 9px;">
                        <button
                            style="border: 1px solid #E1E3E2; border-radius: 4px;background-color: #fff;padding: 0 10px;">Jump
                            Capital</button>
                        <button
                            style="border: 1px solid #E1E3E2; border-radius: 4px;background-color: #fff;padding: 0 10px;">Borderless
                            Capital</button>
                        <button
                            style="border: 1px solid #E1E3E2; border-radius: 4px;background-color: #fff;padding: 0 10px;">ConsenSys
                            Mesh</button>
                        <button
                            style="border: 1px solid #E1E3E2; border-radius: 8px;background-color: #fff;height: 24px;padding: 0 10px;">7</button>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <div style="margin-top: 80px;" class="df jcc">
        <div style="width: 80%;">
            <div style="justify-content: space-between;margin-bottom: 20px;" class="df aic">
                <p style="font-size: 31px;font-weight: 700;">Experts' comments</p>
                <p style="font-size: 16px;font-weight: 400;color: #333;cursor: pointer;">View All</p>
            </div>
            <div class="df" style="justify-content: space-between;">
                <div style="width: 32%;border:1px solid #696969;padding: 20px;border-radius: 16px;">
                    <div style="border-bottom: 1px solid #F6F7F6;padding-bottom: 20px;" class="df aic">
                        <img style="width: 32px;height: 32px;" src="./assets/dang.png" alt="">
                        <div>
                            <p style="font-size: 16px;color: #191C1C;">Pendle</p>
                            <div>
                                <button
                                    style="height: 20px;padding: 0 10px;background-color: #F3F4F3;color: #191C1C;margin-right: 5px;border-radius: 4px;">
                                    defi
                                </button>
                                <button
                                    style="height: 20px;padding: 0 10px;background-color: #F3F4F3;color: #191C1C;margin-right: 5px;border-radius: 4px;">
                                    lsd
                                </button>
                                <button
                                    style="height: 20px;padding: 0 10px;background-color: #F3F4F3;color: #191C1C;margin-right: 5px;border-radius: 4px;">
                                    staking
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="df" style="margin-top: 20px;">
                        <img style="width: 20px;height: 20px;" src="./assets/star.png" alt="">
                        <img style="width: 20px;height: 20px;" src="./assets/star.png" alt="">
                        <img style="width: 20px;height: 20px;" src="./assets/star.png" alt="">
                        <img style="width: 20px;height: 20px;" src="./assets/star.png" alt="">
                        <img style="width: 20px;height: 20px;margin-right: 10px;" src="./assets/star1.png" alt="">
                        <p style="font-size: 18px;color: #99E54E;margin-right: 10px;">3.8</p>
                        <p style="font-size: 15px;color: #333;">Optimistic</p>
                    </div>
                    <div style="margin-top: 20px;">
                        <img style="width: 32px;height: 32px;" src="./assets/1.png" alt=""></img>
                        <img style="width: 24px;height: 24px;" src="./assets/2.png" alt="">
                        <img style="width: 24px;height: 24px;" src="./assets/3.png" alt="">
                        <img style="width: 24px;height: 24px;" src="./assets/4.png" alt="">
                        <img style="width: 24px;height: 24px;" src="./assets/5.png" alt="">
                    </div>
                    <div style="background-color: #F9F9F9;border-radius: 8px;padding: 10px;">
                        <p style="font-size: 16px;color: #333;">TrendX Research</p>
                        <p style="font-size: 14px;color: #191C1C;">1. The founder of the project used to be the product
                            manager of MetaMask. The project has received fina...</p>
                    </div>
                    <div style="margin-top: 20px;margin-bottom: 20px;" class="df">
                        <p style="font-size: 14px;margin-right: 10px;color: #191C1C;">5Expert Review</p>
                        <p style="font-size: 14px;color: #191C1C;">0Number of Paid Users</p>
                    </div>
                    <div class="df aic">
                        <p style="font-size: 14px;color: #4768FF;margin-right: 10px;">Number of Paid Users</p>
                        <img style="width: 16px;height: 16px;" src="./assets/ri.png" alt="">
                    </div>
                </div>
                <div style="width: 32%;border:1px solid #696969;padding: 20px;border-radius: 16px;">
                    <div style="border-bottom: 1px solid #F6F7F6;padding-bottom: 20px;" class="df aic">
                        <img style="width: 32px;height: 32px;" src="./assets/dang.png" alt="">
                        <div>
                            <p style="font-size: 16px;color: #191C1C;">Pendle</p>
                            <div>
                                <button
                                    style="height: 20px;padding: 0 10px;background-color: #F3F4F3;color: #191C1C;margin-right: 5px;border-radius: 4px;">
                                    defi
                                </button>
                                <button
                                    style="height: 20px;padding: 0 10px;background-color: #F3F4F3;color: #191C1C;margin-right: 5px;border-radius: 4px;">
                                    lsd
                                </button>
                                <button
                                    style="height: 20px;padding: 0 10px;background-color: #F3F4F3;color: #191C1C;margin-right: 5px;border-radius: 4px;">
                                    staking
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="df" style="margin-top: 20px;">
                        <img style="width: 20px;height: 20px;" src="./assets/star.png" alt="">
                        <img style="width: 20px;height: 20px;" src="./assets/star.png" alt="">
                        <img style="width: 20px;height: 20px;" src="./assets/star.png" alt="">
                        <img style="width: 20px;height: 20px;" src="./assets/star.png" alt="">
                        <img style="width: 20px;height: 20px;margin-right: 10px;" src="./assets/star1.png" alt="">
                        <p style="font-size: 18px;color: #99E54E;margin-right: 10px;">3.8</p>
                        <p style="font-size: 15px;color: #333;">Optimistic</p>
                    </div>
                    <div style="margin-top: 20px;">
                        <img style="width: 32px;height: 32px;" src="./assets/1.png" alt=""></img>
                        <img style="width: 24px;height: 24px;" src="./assets/2.png" alt="">
                        <img style="width: 24px;height: 24px;" src="./assets/3.png" alt="">
                        <img style="width: 24px;height: 24px;" src="./assets/4.png" alt="">
                        <img style="width: 24px;height: 24px;" src="./assets/5.png" alt="">
                    </div>
                    <div style="background-color: #F9F9F9;border-radius: 8px;padding: 10px;">
                        <p style="font-size: 16px;color: #333;">TrendX Research</p>
                        <p style="font-size: 14px;color: #191C1C;">1. The founder of the project used to be the product
                            manager of MetaMask. The project has received fina...</p>
                    </div>
                    <div style="margin-top: 20px;margin-bottom: 20px;" class="df">
                        <p style="font-size: 14px;margin-right: 10px;color: #191C1C;">5Expert Review</p>
                        <p style="font-size: 14px;color: #191C1C;">0Number of Paid Users</p>
                    </div>
                    <div class="df aic">
                        <p style="font-size: 14px;color: #4768FF;margin-right: 10px;">Number of Paid Users</p>
                        <img style="width: 16px;height: 16px;" src="./assets/ri.png" alt="">
                    </div>
                </div>
                <div style="width: 32%;border:1px solid #696969;padding: 20px;border-radius: 16px;">
                    <div style="border-bottom: 1px solid #F6F7F6;padding-bottom: 20px;" class="df aic">
                        <img style="width: 32px;height: 32px;" src="./assets/dang.png" alt="">
                        <div>
                            <p style="font-size: 16px;color: #191C1C;">Pendle</p>
                            <div>
                                <button
                                    style="height: 20px;padding: 0 10px;background-color: #F3F4F3;color: #191C1C;margin-right: 5px;border-radius: 4px;">
                                    defi
                                </button>
                                <button
                                    style="height: 20px;padding: 0 10px;background-color: #F3F4F3;color: #191C1C;margin-right: 5px;border-radius: 4px;">
                                    lsd
                                </button>
                                <button
                                    style="height: 20px;padding: 0 10px;background-color: #F3F4F3;color: #191C1C;margin-right: 5px;border-radius: 4px;">
                                    staking
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="df" style="margin-top: 20px;">
                        <img style="width: 20px;height: 20px;" src="./assets/star.png" alt="">
                        <img style="width: 20px;height: 20px;" src="./assets/star.png" alt="">
                        <img style="width: 20px;height: 20px;" src="./assets/star.png" alt="">
                        <img style="width: 20px;height: 20px;" src="./assets/star.png" alt="">
                        <img style="width: 20px;height: 20px;margin-right: 10px;" src="./assets/star1.png" alt="">
                        <p style="font-size: 18px;color: #99E54E;margin-right: 10px;">3.8</p>
                        <p style="font-size: 15px;color: #333;">Optimistic</p>
                    </div>
                    <div style="margin-top: 20px;">
                        <img style="width: 32px;height: 32px;" src="./assets/1.png" alt=""></img>
                        <img style="width: 24px;height: 24px;" src="./assets/2.png" alt="">
                        <img style="width: 24px;height: 24px;" src="./assets/3.png" alt="">
                        <img style="width: 24px;height: 24px;" src="./assets/4.png" alt="">
                        <img style="width: 24px;height: 24px;" src="./assets/5.png" alt="">
                    </div>
                    <div style="background-color: #F9F9F9;border-radius: 8px;padding: 10px;">
                        <p style="font-size: 16px;color: #333;">TrendX Research</p>
                        <p style="font-size: 14px;color: #191C1C;">1. The founder of the project used to be the product
                            manager of MetaMask. The project has received fina...</p>
                    </div>
                    <div style="margin-top: 20px;margin-bottom: 20px;" class="df">
                        <p style="font-size: 14px;margin-right: 10px;color: #191C1C;">5Expert Review</p>
                        <p style="font-size: 14px;color: #191C1C;">0Number of Paid Users</p>
                    </div>
                    <div class="df aic">
                        <p style="font-size: 14px;color: #4768FF;margin-right: 10px;">Number of Paid Users</p>
                        <img style="width: 16px;height: 16px;" src="./assets/ri.png" alt="">
                    </div>
                </div>
            </div>
        </div>

    </div>
    <div style="margin-top: 80px;" class="df jcc">
        <div style="width: 80%;">
            <div style="justify-content: space-between;margin-bottom: 20px;" class="df aic">
                <p style="font-size: 31px;font-weight: 700;">Coming soon Top</p>
                <p style="font-size: 16px;font-weight: 400;color: #333;cursor: pointer;">View All</p>
            </div>
            <div style="margin-bottom: 20px;">
                <button
                    style="padding: 2px 10px;border-radius: 999px;height: 32px;background-color: #191C1C;color: #fff;">Token</button>
                <button
                    style="padding: 2px 10px;border-radius: 999px;height: 32px;background-color: #F9F9F9;border: 1px solid #E1E3E2;color: #8F9191;">NFT</button>
                <button
                    style="padding: 2px 10px;border-radius: 999px;height: 32px;background-color: #F9F9F9;border: 1px solid #E1E3E2;color: #8F9191;">Airdrop</button>
            </div>
            <table style="width: 100%;">
                <tr style="font-size: 13px;color: #8F9191;text-align: left;">
                    <th>#</th>
                    <th>Project Name</th>
                    <th>Vote</th>
                    <th>Twitter Follow</th>
                    <th>KOL Follow</th>
                    <th>Whale Follow</th>
                    <th>Launch date</th>
                </tr>
                <tr>
                    <td>
                        <img style="width: 18px;height: 24px;" src="./assets/hot1.png" alt="">
                    </td>
                    <td>
                        <div class="df aic">
                            <img style="width: 32px;height: 32px;" src="./assets/IMAGE1.png" alt="">
                            <div>
                                <p>Forward Protocol</p>
                                <div>
                                    <button
                                        style="height: 20px;border-radius: 4px;background-color: #F3F4F3;padding:  0 10px;">infrastructure</button>
                                    <button
                                        style="height: 20px;border-radius: 4px;background-color: #F3F4F3;padding:  0 10px;">developer
                                        platform</button>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td>
                        <div>
                            <p>171.5M</p>
                            <p style="font-size: 12;color: #8F9191;">99%Agree</p>
                        </div>
                    </td>
                    <td>133.26K</td>
                    <td>
                        <div>
                            <p>109</p>
                            <div class="df">
                                <img style="width: 16px;height: 16px;" src="./assets/per.png" alt="">
                                <img style="width: 16px;height: 16px;" src="./assets/per.png" alt="">
                            </div>
                        </div>
                    </td>
                    <td>
                        <div>
                            <p>109</p>
                            <div class="df">
                                <img style="width: 16px;height: 16px;" src="./assets/fish.png" alt="">
                            </div>
                        </div>
                    </td>
                    <td>
                        <div>
                            <p style="font-size: 16px;color: #4768FF;">On Sale</p>
                            <p style="font-size: 12px;color: #8F9191;">end time TBA</p>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <img style="width: 18px;height: 24px;" src="./assets/hot2.png" alt="">
                    </td>
                    <td>
                        <div class="df aic">
                            <img style="width: 32px;height: 32px;" src="./assets/IMAGE2.png" alt="">
                            <div>
                                <p>Muon Network</p>
                                <div>
                                    <button
                                        style="height: 20px;border-radius: 4px;background-color: #F3F4F3;padding:  0 10px;">oracle</button>
                                    <button
                                        style="height: 20px;border-radius: 4px;background-color: #F3F4F3;padding:  0 10px;">security</button>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td>
                        <div>
                            <p>67.71M</p>
                            <p style="font-size: 12;color: #8F9191;">99%Agree</p>
                        </div>
                    </td>
                    <td>27.51K</td>
                    <td>
                        <div>
                            <p>107</p>
                            <div class="df">
                                <img style="width: 16px;height: 16px;" src="./assets/per.png" alt="">
                                <img style="width: 16px;height: 16px;" src="./assets/per.png" alt="">
                            </div>
                        </div>
                    </td>
                    <td>
                        <div>
                            <p>42</p>
                            <div class="df">
                                <img style="width: 16px;height: 16px;" src="./assets/fish.png" alt="">
                            </div>
                        </div>
                    </td>
                    <td>
                        <div>
                            <p style="font-size: 16px;color: #333;">TBA</p>

                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <img style="width: 18px;height: 24px;" src="./assets/hot3.png" alt="">
                    </td>
                    <td>
                        <div class="df aic">
                            <img style="width: 32px;height: 32px;" src="./assets/IMAG3.png" alt="">
                            <div>
                                <p>Naviern</p>
                                <div>
                                    <button
                                        style="height: 20px;border-radius: 4px;background-color: #F3F4F3;padding:  0 10px;">web3</button>
                                    <button
                                        style="height: 20px;border-radius: 4px;background-color: #F3F4F3;padding:  0 10px;">play-to-earn</button>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td>
                        <div>
                            <p>61.76M</p>
                            <p style="font-size: 12;color: #8F9191;">99%Agree</p>
                        </div>
                    </td>
                    <td>15.47K</td>
                    <td>
                        <div>
                            <p>13</p>
                            <div class="df">
                                <img style="width: 16px;height: 16px;" src="./assets/per.png" alt="">
                            </div>
                        </div>
                    </td>
                    <td>
                        <div>
                            <p>3</p>
                            <div class="df">
                                <img style="width: 16px;height: 16px;" src="./assets/fish.png" alt="">
                            </div>
                        </div>
                    </td>
                    <td>
                        <div>
                            <p style="font-size: 16px;color: #333;">TBA</p>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <p style="width: 18px;height: 24px;color: #8F9191;"> 4</p>
                    </td>
                    <td>
                        <div class="df aic">
                            <img style="width: 32px;height: 32px;" src="./assets/IMAGE4.png" alt="">
                            <div>
                                <p>Lifetise</p>
                                <div>
                                    <button
                                        style="height: 20px;border-radius: 4px;background-color: #F3F4F3;padding:  0 10px;">defi</button>
                                    <button
                                        style="height: 20px;border-radius: 4px;background-color: #F3F4F3;padding:  0 10px;">web3</button>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td>
                        <div>
                            <p>49.59M</p>
                            <p style="font-size: 12;color: #8F9191;">99%Agree</p>
                        </div>
                    </td>
                    <td>11.47K</td>
                    <td>
                        <div>
                            <p>10</p>
                            <div class="df">
                                <img style="width: 16px;height: 16px;" src="./assets/per.png" alt="">

                            </div>
                        </div>
                    </td>
                    <td>
                        <div>
                            <p>1</p>
                            <div class="df">
                                <img style="width: 16px;height: 16px;" src="./assets/fish.png" alt="">
                            </div>
                        </div>
                    </td>
                    <td>
                        <div>
                            <p style="font-size: 16px;color: #333;">TBA</p>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <p style="width: 18px;height: 24px;color: #8F9191;"> 5</p>
                    </td>
                    <td>
                        <div class="df aic">
                            <img style="width: 32px;height: 32px;" src="./assets/IMAGE1.png" alt="">
                            <div>
                                <p>BendDAO</p>
                                <div>
                                    <button
                                        style="height: 20px;border-radius: 4px;background-color: #F3F4F3;padding:  0 10px;">nft</button>
                                    <button
                                        style="height: 20px;border-radius: 4px;background-color: #F3F4F3;padding:  0 10px;">nftfi</button>
                                    <button
                                        style="height: 20px;border-radius: 4px;background-color: #F3F4F3;padding:  0 10px;">defi</button>
                                </div>
                            </div>
                        </div>
                    </td>
                    <td>
                        <div>
                            <p>117.12M</p>
                            <p style="font-size: 12;color: #8F9191;">99%Agree</p>
                        </div>
                    </td>
                    <td>67.41K</td>
                    <td>
                        <div>
                            <p>646</p>
                            <div class="df">
                                <img style="width: 16px;height: 16px;" src="./assets/per.png" alt="">
                                <img style="width: 16px;height: 16px;" src="./assets/per.png" alt="">
                                <img style="width: 16px;height: 16px;" src="./assets/per.png" alt="">
                            </div>
                        </div>
                    </td>
                    <td>
                        <div>
                            <p>585</p>
                            <div class="df">
                                <img style="width: 16px;height: 16px;" src="./assets/fish.png" alt="">
                                <img style="width: 16px;height: 16px;" src="./assets/fish.png" alt="">
                                <img style="width: 16px;height: 16px;" src="./assets/fish.png" alt="">
                            </div>
                        </div>
                    </td>
                    <td>
                        <div>
                            <p style="font-size: 16px;color: #333;">TBA</p>
                        </div>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <div style="margin-top: 80px;" class="df jcc">
        <div class="df fdc" style="width: 80%;">
            <div style="justify-content: space-between;" class="df aic">
                <p style="font-size: 32px;font-weight: 400;color: #333;text-align: left;">Top Projects</p>
                <p style="font-size: 16px;font-weight: 400;color: #333;cursor: pointer;">View All</p>
            </div>
            <div style="justify-content: space-between;margin-top: 20px;" class="df">
                <div class="card">
                    <p style="font-size: 18px;font-weight: 400;">Latest ranking</p>
                    <div class="df" style="color: #8F9191;justify-content: space-between;font-size: 11px;">
                        <div class="df">
                            <p class="mr20">#</p>
                            <p>Project Name</p>
                        </div>
                        <div class="df">
                            <p class="mr20">Vote</p>
                            <p style="width: 80px;">Twitter Follow</p>
                        </div>
                    </div>
                    <div class="df"
                        style="border-bottom: 1px solid #F6F7F6;padding: 20px 0;justify-content: space-between;">
                        <div class="df aic">
                            <img class="hot" src="./assets/hot1.png" alt="">
                            <img class="avatar" src="./assets/IMAGE.png" alt="">
                            <div>
                                <p style="font-size: 16px;font-weight: 700;color: #191C1C;">Neural Tensor Dynamics</p>
                                <button
                                    style="height: 20px;padding: 1px 2px;color: #191C1C;background-color: #F3F4F3;">staking</button>
                            </div>
                        </div>
                        <div class="df aic">
                            <div>
                                <img class="ld" src="./assets/loudou.png" alt="">
                            </div>
                            <p style="font-size: 16px;font-weight: 700;color: #191C1C;width: 80px;text-align: right;">
                                3.05K</p>
                        </div>
                    </div>
                    <div class="df"
                        style="border-bottom: 1px solid #F6F7F6;padding: 20px 0;justify-content: space-between;">
                        <div class="df aic">
                            <img class="hot" src="./assets/hot2.png" alt="">
                            <img class="avatar" src="./assets/IMAGE.png" alt="">
                            <div>
                                <p style="font-size: 16px;font-weight: 700;color: #191C1C;">Neural Tensor Dynamics</p>
                                <button
                                    style="height: 20px;padding: 1px 2px;color: #191C1C;background-color: #F3F4F3;">staking</button>
                            </div>
                        </div>
                        <div class="df aic">
                            <div style="margin-right: 20px;">
                                <p style="font-size: 16px;font-weight: 700;color: #191C1C;text-align: right;">65k</p>
                                <p style="font-size: 12px;color: #8F9191;">100% Agree</p>
                            </div>
                            <p style="font-size: 16px;font-weight: 700;color: #191C1C;width: 80px;text-align: right;">
                                2.12K</p>
                        </div>
                    </div>
                    <div class="df"
                        style="border-bottom: 1px solid #F6F7F6;padding: 20px 0;justify-content: space-between;">
                        <div class="df aic">
                            <img class="hot" src="./assets/hot3.png" alt="">
                            <img class="avatar" src="./assets/IMAGE.png" alt="">
                            <div>
                                <p style="font-size: 16px;font-weight: 700;color: #191C1C;">Neural Tensor Dynamics</p>
                                <button
                                    style="height: 20px;padding: 1px 2px;color: #191C1C;background-color: #F3F4F3;">staking</button>
                            </div>
                        </div>
                        <div class="df aic">
                            <img class="ld" src="./assets/loudou.png" alt="">
                            <p style="font-size: 16px;font-weight: 700;color: #191C1C;width: 80px;text-align: right;">
                                46.62K</p>
                        </div>
                    </div>
                    <div class="df"
                        style="border-bottom: 1px solid #F6F7F6;padding: 20px 0;justify-content: space-between;">
                        <div class="df aic">
                            <p style="font-size: 16px;font-weight: 400;color: #8F9191;margin-right: 20px;">4</p>
                            <img class="avatar" src="./assets/IMAGE.png" alt="">
                            <div>
                                <p style="font-size: 16px;font-weight: 700;color: #191C1C;">Neural Tensor Dynamics</p>
                                <button
                                    style="height: 20px;padding: 1px 2px;color: #191C1C;background-color: #F3F4F3;">staking</button>
                            </div>
                        </div>
                        <div class="df aic">
                            <img class="ld" src="./assets/loudou.png" alt="">
                            <p style="font-size: 16px;font-weight: 700;color: #191C1C;width: 80px;text-align: right;">
                                3.21K</p>
                        </div>
                    </div>
                    <div class="df"
                        style="border-bottom: 1px solid #F6F7F6;padding: 20px 0;justify-content: space-between;">
                        <div class="df aic">
                            <p style="font-size: 16px;font-weight: 400;color: #8F9191;margin-right: 20px;">5</p>
                            <img class="avatar" src="./assets/IMAGE.png" alt="">
                            <div>
                                <p style="font-size: 16px;font-weight: 700;color: #191C1C;">Neural Tensor Dynamics</p>
                                <button
                                    style="height: 20px;padding: 1px 2px;color: #191C1C;background-color: #F3F4F3;">staking</button>
                            </div>
                        </div>
                        <div class="df aic">
                            <img class="ld" src="./assets/loudou.png" alt="">
                            <p style="font-size: 16px;font-weight: 700;color: #191C1C;width: 80px;text-align: right;">
                                21.27K</p>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <p style="font-size: 18px;font-weight: 400;">Hottest ranking</p>
                    <div class="df" style="color: #8F9191;justify-content: space-between;font-size: 11px;">
                        <div class="df">
                            <p class="mr20">#</p>
                            <p>Project Name</p>
                        </div>
                        <div class="df">
                            <p class="mr20">Vote</p>
                            <p>Twitter Follow</p>
                        </div>
                    </div>
                    <div class="df"
                        style="border-bottom: 1px solid #F6F7F6;padding: 20px 0;justify-content: space-between;">
                        <div class="df aic">
                            <img class="hot" src="./assets/hot1.png" alt="">
                            <img class="avatar" src="./assets/IMAGE.png" alt="">
                            <div>
                                <p style="font-size: 16px;font-weight: 700;color: #191C1C;">Neural Tensor Dynamics</p>
                                <button
                                    style="height: 20px;padding: 1px 2px;color: #191C1C;background-color: #F3F4F3;">staking</button>
                            </div>
                        </div>
                        <div class="df aic">
                            <div style="margin-right: 20px;">
                                <p style="font-size: 16px;font-weight: 700;color: #191C1C;text-align: right;">442.56M
                                </p>
                                <p style="font-size: 12px;color: #8F9191;">96% Agree</p>
                            </div>
                            <p style="font-size: 16px;font-weight: 700;color: #191C1C;width: 80px;text-align: right;">0
                            </p>
                        </div>
                    </div>
                    <div class="df"
                        style="border-bottom: 1px solid #F6F7F6;padding: 20px 0;justify-content: space-between;">
                        <div class="df aic">
                            <img class="hot" src="./assets/hot2.png" alt="">
                            <img class="avatar" src="./assets/IMAGE.png" alt="">
                            <div>
                                <p style="font-size: 16px;font-weight: 700;color: #191C1C;">Neural Tensor Dynamics</p>
                                <button
                                    style="height: 20px;padding: 1px 2px;color: #191C1C;background-color: #F3F4F3;">staking</button>
                            </div>
                        </div>
                        <div class="df aic">
                            <div style="margin-right: 20px;">
                                <p
                                    style="font-size: 16px;font-weight: 700;color: #191C1C;text-align: right;width: 80px;text-align: right;">
                                    412.03M
                                </p>
                                <p style="font-size: 12px;color: #8F9191;">99% Agree</p>
                            </div>
                            <p style="font-size: 16px;font-weight: 700;color: #191C1C;width: 80px;text-align: right;">1M
                            </p>
                        </div>
                    </div>
                    <div class="df"
                        style="border-bottom: 1px solid #F6F7F6;padding: 20px 0;justify-content: space-between;">
                        <div class="df aic">
                            <img class="hot" src="./assets/hot3.png" alt="">
                            <img class="avatar" src="./assets/IMAGE.png" alt="">
                            <div>
                                <p style="font-size: 16px;font-weight: 700;color: #191C1C;">Neural Tensor Dynamics</p>
                                <button
                                    style="height: 20px;padding: 1px 2px;color: #191C1C;background-color: #F3F4F3;">staking</button>
                            </div>
                        </div>
                        <div class="df aic">
                            <div style="margin-right: 20px;">
                                <p
                                    style="font-size: 16px;font-weight: 700;color: #191C1C;text-align: right;width: 80px;text-align: right;">
                                    399.18M
                                </p>
                                <p style="font-size: 12px;color: #8F9191;">98% Agree</p>
                            </div>
                            <p style="font-size: 16px;font-weight: 700;color: #191C1C;width: 80px;text-align: right;">
                                402.76K</p>
                        </div>
                    </div>
                    <div class="df"
                        style="border-bottom: 1px solid #F6F7F6;padding: 20px 0;justify-content: space-between;">
                        <div class="df aic">
                            <p style="font-size: 16px;font-weight: 400;color: #8F9191;margin-right: 20px;">4</p>
                            <img class="avatar" src="./assets/IMAGE.png" alt="">
                            <div>
                                <p style="font-size: 16px;font-weight: 700;color: #191C1C;">Neural Tensor Dynamics</p>
                                <button
                                    style="height: 20px;padding: 1px 2px;color: #191C1C;background-color: #F3F4F3;">staking</button>
                            </div>
                        </div>
                        <div class="df aic">
                            <div style="margin-right: 20px;">
                                <p style="font-size: 16px;font-weight: 700;color: #191C1C;text-align: right;">
                                    397.64M
                                </p>
                                <p style="font-size: 12px;color: #8F9191;">97% Agree</p>
                            </div>
                            <p style="font-size: 16px;font-weight: 700;color: #191C1C;width: 80px;text-align: right;">
                                3.35M</p>
                        </div>
                    </div>
                    <div class="df"
                        style="border-bottom: 1px solid #F6F7F6;padding: 20px 0;justify-content: space-between;">
                        <div class="df aic">
                            <p style="font-size: 16px;font-weight: 400;color: #8F9191;margin-right: 20px;">5</p>
                            <img class="avatar" src="./assets/IMAGE.png" alt="">
                            <div>
                                <p style="font-size: 16px;font-weight: 700;color: #191C1C;">Neural Tensor Dynamics</p>
                                <button
                                    style="height: 20px;padding: 1px 2px;color: #191C1C;background-color: #F3F4F3;">staking</button>
                            </div>
                        </div>
                        <div class="df aic">
                            <div style="margin-right: 20px;">
                                <p style="font-size: 16px;font-weight: 700;color: #191C1C;text-align: right;">
                                    381.49M
                                </p>
                                <p style="font-size: 12px;color: #8F9191;">99% Agree</p>
                            </div>
                            <p style="font-size: 16px;font-weight: 700;color: #191C1C;width: 80px;text-align: right;">
                                671.05k</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div style="margin-top: 80px;" class="df jcc">
        <div class="df aic" style="width: 80%;justify-content: space-between;">
            <img style="width: 384px;height: 384px;" src="./assets/bg8.png" alt="">
            <div style="width: 50%;">
                <p
                    style="font-size: 32px;font-weight: 400;line-height: 60px;border-bottom: 1px solid #F6F7F6;color: #333;">
                    Submit a
                    potential project on TrendX</p>
                <p style="font-size: 14px;margin-top: 40px;font-weight: 400;color: #8F9191;">To discover and bring
                    online more quality
                    projects and take
                    advantage of DAO. Any user can submit a
                    project that they think has potential, and have everyone vote to determine whether the project is
                    good or bad. The scout who submits a project and passes the review has the right and obligation to
                    maintain and edit the project. If the project is later on IDO or INO on TrendX platform, the scout
                    who found the project will get the fundraising share.</p>
                <div style="margin-top: 40px;">
                    <button
                        style="border: 1px solid #E7E7E7 ; padding: 2px 10px;margin-right: 20px;;background-color: #fff;height: 27px;border-radius: 9999px;color: #333; font-size: 14px;">Submit
                        quality projects</button>
                    <button
                        style="border: 1px solid #E7E7E7 ;padding: 2px 10px;background-color: #fff;height: 27px;border-radius: 9999px;color: #333; font-size: 14px;">Recruiting
                        talent scouts</button>
                </div>
            </div>
        </div>
    </div>
    <div class="df aic jcc">
        <div style="width: 80%;">
            <div style="justify-content: space-between;margin-top: 100px;" class="df aic">
                <p style="font-size: 32px;font-weight: 400;">What are the benefits to stake Token?</p>
                <button
                    style="height: 40px;padding: 10px 20px;border: 1px solid #d7d7d7;border-radius: 9999px;background-color: #fff;color: #191C1C;font-size: 13px;cursor: pointer;">Stake
                    immediately</button>
            </div>
            <div style="justify-content: space-between;margin-top: 20px;" class="df">
                <div class="df fdc aic w125">
                    <img class="img55" src="./assets/stak.png" alt="">
                    <p style="font-size: 18px;font-weight: 400;color: #333333;margin-bottom: 10px;">Governance Income
                    </p>
                    <p style="font-size: 14px;font-weight: 400;color: #8F9191;">Users with pledged Token will gain
                        benefits. The longer they hold Token, the more the benefits
                    </p>
                </div>
                <div class="df fdc aic w125">
                    <img class="img55" src="./assets/gov.png" alt="">
                    <p style="font-size: 18px;font-weight: 400;color: #333333;margin-bottom: 10px;">Referral Income</p>
                    <p style="font-size: 14px;font-weight: 400;color: #8F9191;">Users with pledged Token will have the
                        right to vote, thus gaining governance benefits through voting
                    </p>
                </div>

                <div class="df fdc aic w125">
                    <img class="img55" src="./assets/ref.png" alt="">
                    <p style="font-size: 18px;font-weight: 400;color: #333333;margin-bottom: 10px;">IDO has a Higher
                        Winning Rate</p>
                    <p style="font-size: 14px;font-weight: 400;color: #8F9191;">2% of the raised funds will be
                        distributed to the users with pledged Token
                    </p>
                </div>
                <div class="df fdc aic w125">
                    <img class="img55" src="./assets/ido.png" alt="">
                    <p style="font-size: 18px;font-weight: 400;color: #333333;margin-bottom: 10px;">INO Offer</p>
                    <p style="font-size: 14px;font-weight: 400;color: #8F9191;">Higher level, higher lot-winning rate
                    </p>
                </div>
                <div class="df fdc aic w125">
                    <img class="img55" src="./assets/ino.png" alt="">
                    <p style="font-size: 18px;font-weight: 400;color: #333333;margin-bottom: 10px;">Staking Income</p>
                    <p style="font-size: 14px;font-weight: 400;color: #8F9191;">Higher level, higher lot-winning rate
                    </p>
                </div>
            </div>
        </div>

    </div>
    <div style="justify-content: center;padding: 60px 0;" class="df aic">
        <div style="width: 40%;">
            <p style="font-size: 32px;font-weight: 400;color: #333333;text-align: center;margin-bottom: 60px;">
                Frequently Asked Questions
            </p>
            <div>
                <p style="font-size: 16;font-weight: 700;color: #333;margin-bottom: 20px;">What is TrendX</p>
                <p style="font-size: 14px;font-weight: 400;color: #333;">TrendX is an AI-driven Web3 trend tracking and
                    intelligent trading one-stop platform, leveraging large
                    language models and AI technology to identify market trends, and seamlessly integrating with
                    intelligent
                    trading. It aims to become the next-generation AI trading platform for the future billion users to
                    explore Web3 projects, discover hotspots, observe trends, engage in primary investments, and
                    participate
                    in secondary market trading.</p>
                <p style="line-height: 60px;" class="fs16700 bb">What is AlphaDAO? What is the relationship between
                    AlphaDAO and TrendX?</p>
                <p style="line-height: 60px;" class="fs16700 bb">What is a talent scout? How to become a talent scout?
                </p>
                <p style="line-height: 60px;" class="fs16700 bb">What are the rights and benefits of talent scouts？</p>
                <p style="line-height: 60px;" class="fs16700 bb">How to participate in TrendX community governance</p>
                <p style="line-height: 60px;" class="fs16700 bb">How to start financing on TrendX</p>
                <p style="line-height: 60px;" class="fs16700 bb">What is the relationship between
                    TrendX platform and
                    financing projects</p>
            </div>
        </div>
    </div>
    <div class="df fdc jcc aic" style="width: 100%;height: 425px;background-color: #111414;padding: 40px 100px;">
        <div style="text-align: left;" class="df w100">
            <img style="width: 30px;height: 30px;margin-right: 10px;" src="./assets/_图层_1.png" alt="">
            <p style="color: #fff;" class="mr20 title">Crypto Honey</p>
        </div>
        <div style="justify-content: space-between;" class="df w100">
            <div class="df fdc">
                <p style="font-size: 18px;color: #fff;font-weight: 400;">product</p>
                <p class="foot-text">Projects</p>
                <p class="foot-text">expert committee</p>
                <p class="foot-text">Staking</p>
                <p class="foot-text">Airdrop</p>
                <p class="foot-text">Research</p>
            </div>
            <div class="df fdc">
                <p style="font-size: 18px;color: #fff;font-weight: 400;">corporate</p>
                <p class="foot-text">Submit quality projects</p>
                <p class="foot-text">Business Cooperation</p>
                <p class="foot-text">Media Kit</p>
            </div>
            <div class="df fdc">
                <p style="font-size: 18px;color: #fff;font-weight: 400;">Our social media channels</p>
                <div style="margin-top: 20px;" class="df">
                    <img class="foot-img" src="./assets/tw.png" alt="">
                    <img class="foot-img" src="./assets/ro.png" alt="">
                    <img class="foot-img" src="./assets/te.png" alt="">
                    <img class="foot-img" src="./assets/aaa.png" alt="">
                    <img class="foot-img" src="./assets/lock.png" alt="">
                </div>
            </div>
            <div class="df fdc">
                <p style="font-size: 18px;color: #fff;font-weight: 400;">Keep in touch</p>
                <input
                    style="width: 276px;border: none;border: 1px solid #757777;border-radius: 6px;height: 40px;background-color: #111414;margin-top: 20px;"
                    type="text">
                <button
                    style="width: 92px;height: 32px;border-radius: 999px;background-color: #fff;margin-top: 20px;">subscribe</button>
            </div>
        </div>
        <div class="w100 df aic">
            <p style="text-align: center;" class="foot-text w100">©trendx.tech 2021-2024</p>
        </div>
    </div>
</body>

</html>